JavaScript进制转换实现方法解析

 更新时间:2020年01月18日 08:53:15   作者:林飞的梦呓  
这篇文章主要介绍了JavaScript进制转换实现方法,结合实例形式分析了JavaScript进制转换中十进制与其他进制转换、以及随机颜色生成相关操作技巧,需要的朋友可以参考下

本文实例讲述了JavaScript进制转换实现方法。分享给大家供大家参考,具体如下:

JavaScript进制转换

十进制转为其它进制

不带参数调用toString( ),即默认toString(10),

如要以其它进制显示数字,只要作为参数传入toString( )即可,如num.toString(16)。

// 十进制转其他
var num = 100;
console.log(num.toString(2)); // 1100100
console.log(num.toString(8)); // 144
console.log(num.toString(16)); // 64
console.log(num.toString(32)); // 34

颜色随机:https://github.com/linfeimy/readingForJS/blob/master/demo/2017/201712/20171212_22%20%E9%A2%9C%E8%89%B2%E9%9A%8F%E6%9C%BA.html

<script>
(function () {
  // 生成颜色
  function randomColor() {
    var r = Math.floor(Math.random()*256).toString(16);
    var g = Math.floor(Math.random()*256).toString(16);
    var b = Math.floor(Math.random()*256).toString(16);
    return '#' + r + g + b;
  }
  // 生成颜色的个数
  function generateColor(len) {
    var colorArr = [];
    for(var i = 0; i < len; i++) {
      colorArr.push(randomColor());
    }
    return colorArr;
  }
  function init() {
    var divs = document.getElementsByTagName('div');
    var len = divs.length;
    var colorArr = generateColor(len);
    for(var i = 0; i < len; i++) {
      divs[i].style.backgroundColor = colorArr[i];
      divs[i].innerHTML = colorArr[i];
    }
  }
  init();
})();
</script>

其它进制转为十进制

// 其它进制转为十进制
var num = 100;
console.log(parseInt(num, 2)); // 4
console.log(parseInt(num, 8)); // 64
console.log(parseInt(num, 10)); // 100
console.log(parseInt(num, 16)); // 256
console.log(parseInt(num, 32)); // 1024

感兴趣的朋友可以使用在线HTML/CSS/JavaScript前端代码调试运行工具http://tools.jb51.net/code/WebCodeRun测试上述代码运行效果。

PS:这里再为大家推荐几款计算工具供大家进一步参考借鉴:

在线一元函数(方程)求解计算工具:
http://tools.jb51.net/jisuanqi/equ_jisuanqi

科学计算器在线使用_高级计算器在线计算:
http://tools.jb51.net/jisuanqi/jsqkexue

在线计算器_标准计算器:
http://tools.jb51.net/jisuanqi/jsq

更多关于JavaScript相关内容还可查看本站专题:《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》及《JavaScript字符与字符串操作技巧总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • webpack的pitching loader详解

    webpack的pitching loader详解

    这篇文章主要介绍了webpack的pitching loader详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • js 定时器setTimeout无法调用局部变量的解决办法

    js 定时器setTimeout无法调用局部变量的解决办法

    javascript中定时器setTimeout无法调用局部变量,只需要将setTimeout的第一个参数改成函数对象,而不是字符串,就可以了
    2013-11-11
  • Javascript设计模式之装饰者模式详解篇

    Javascript设计模式之装饰者模式详解篇

    本文主要介绍了Javascript设计模式之装饰者模式的相关知识。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JavaScript中解析JSON数据的三种方法

    JavaScript中解析JSON数据的三种方法

    这篇文章主要介绍了JavaScript中解析JSON数据的三种方法,本文讲解了eval()方法、new Function方法、JSON.parse()方法等三种方法,需要的朋友可以参考下
    2015-07-07
  • js学习总结之dom2级事件基础知识详解

    js学习总结之dom2级事件基础知识详解

    这篇文章主要为大家详细介绍了js学习总结之dom2级事件基础知识,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 原生js实现弹出层登录拖拽功能

    原生js实现弹出层登录拖拽功能

    这篇文章主要为大家详细介绍了使用原生JavaScript实现弹出层登录拖拽功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • Typescript中bind的使用方法及注意事项

    Typescript中bind的使用方法及注意事项

    在TypeScript(以及JavaScript)中,bind()是一个用于改变函数上下文的方法,下面这篇文章主要给大家介绍了关于Typescript中bind的使用方法及注意事项的相关资料,需要的朋友可以参考下
    2024-08-08
  • 微信小程序开发(一) 微信登录流程详解

    微信小程序开发(一) 微信登录流程详解

    本篇文章主要介绍了微信小程序开发(一) 微信登录流程,非常具有实用价值,需要的朋友可以参考下。
    2017-01-01
  • JavaScript常见手写题超全汇总

    JavaScript常见手写题超全汇总

    作为前端开发,JS是重中之重,下面这篇文章主要给大家介绍了关于JavaScript常见手写题的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12
  • 深入理解JS中attribute和property的区别

    深入理解JS中attribute和property的区别

    property 和 attribute非常容易混淆,但实际上,二者是不同的东西,属于不同的范畴,本文就详细的介绍一下JS中attribute和property的区别 ,感兴趣的可以了解一下
    2022-02-02

最新评论