JavaScript进制转换实现方法解析


Posted in Javascript onJanuary 18, 2020

本文实例讲述了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.3water.com/code/WebCodeRun测试上述代码运行效果。

Javascript 相关文章推荐
js+xml生成级联下拉框代码
Jul 24 Javascript
javascript SpiderMonkey中的函数序列化如何进行
Dec 05 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
jQuery中:contains选择器用法实例
Dec 30 Javascript
javascript判断css3动画结束 css3动画结束的回调函数
Mar 10 Javascript
JavaScript如何禁止Backspace键
Dec 02 Javascript
详解微信小程序开发之下拉刷新 上拉加载
Nov 24 Javascript
vue加载自定义的js文件方法
Mar 13 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
Jul 31 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 jQuery
在vue中axios设置timeout超时的操作
Sep 04 Javascript
JavaScript中isPrototypeOf函数
Nov 07 Javascript
js滚轮事件 js自定义滚动条的实现
Jan 18 #Javascript
vue实现扫码功能
Jan 17 #Javascript
js实现轮播图效果 z-index实现轮播图
Jan 17 #Javascript
js键盘事件实现人物的行走
Jan 17 #Javascript
javascript实现简易的计算器
Jan 17 #Javascript
JavaScript简易计算器制作
Jan 17 #Javascript
vue下axios拦截器token刷新机制的实例代码
Jan 17 #Javascript
You might like
php实现的在线人员函数库
2008/04/09 PHP
php 破解防盗链图片函数
2008/12/09 PHP
PHP SQLite类
2009/05/07 PHP
PHP中通过fopen()函数访问远程文件示例
2014/11/18 PHP
php图片处理函数获取类型及扩展名实例
2014/11/19 PHP
Yii框架中memcache用法实例
2014/12/03 PHP
php实现对两个数组进行减法操作的方法
2015/04/17 PHP
JS文本框不能输入空格验证方法
2013/03/19 Javascript
zTree插件之单选下拉菜单实例代码
2013/11/07 Javascript
Javascript实现获取窗口的大小和位置代码分享
2014/12/04 Javascript
JavaScript中通过prototype属性共享属性和方法的技巧实例
2015/03/13 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
2015/12/01 Javascript
详解Javascript百度地图接口开发文档中的类和方法
2017/02/07 Javascript
vue中echarts3.0自适应的方法
2018/02/26 Javascript
create-react-app构建项目慢的解决方法
2018/03/14 Javascript
关于HTML5的data-*自定义属性的总结
2018/05/05 Javascript
详解使用Next.js构建服务端渲染应用
2018/07/10 Javascript
vue-cli3+typescript新建一个项目的思路分析
2019/08/06 Javascript
[01:45:05]VGJ.T vs Newbee Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
浅析Python多线程下的变量问题
2015/04/28 Python
Python 关于反射和类的特殊成员方法
2017/09/14 Python
python实现图片转字符小工具
2019/04/30 Python
Python Pandas 对列/行进行选择,增加,删除操作
2020/05/17 Python
如何解决python多种版本冲突问题
2020/10/13 Python
ETO男装官方网店:ETO Jeans
2019/02/28 全球购物
会计专业毕业生自荐信范文
2013/12/20 职场文书
《姥姥的剪纸》教学反思
2014/02/25 职场文书
金融管理专业毕业生求职信
2014/03/12 职场文书
飘柔洗发水广告词
2014/03/14 职场文书
运动会通讯稿50字
2015/07/20 职场文书
Python爬取科目四考试题库的方法实现
2021/03/30 Python
Mysql中 unique列插入重复值该怎么解决呢
2021/05/26 MySQL
Node与Python 双向通信的实现代码
2021/07/16 Javascript
django中websocket的具体使用
2022/01/22 Python
解决MySQL报“too many connections“错误
2022/04/19 MySQL
插件导致ECharts被全量引入的坑示例解析
2022/09/23 Javascript