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 相关文章推荐
jQuery 1.5 源码解读 面向中高阶JSER
Apr 05 Javascript
JavaScript程序员应该知道的45个实用技巧
Mar 04 Javascript
JavaScript中发布/订阅模式的简单实例
Nov 05 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
Nov 02 Javascript
在JavaScript中对HTML进行反转义详解
May 18 Javascript
JS把内容动态插入到DIV的实现方法
Jul 19 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
Oct 21 Javascript
你可能不知道的JSON.stringify()详解
Aug 17 Javascript
在Swiper内如何制作CSS3动画效果示例代码
Dec 07 Javascript
解决vue动态为数据添加新属性遇到的问题
Sep 18 Javascript
在Vuex中Mutations修改状态操作
Jul 24 Javascript
vue.js 解决v-model让select默认选中不生效的问题
Jul 28 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/08/30 PHP
PHP中Date()时间日期函数的使用方法小结
2011/04/20 PHP
浅谈ThinkPHP的URL重写
2014/11/25 PHP
PHP+MYSQL实现读写分离简单实战
2017/03/13 PHP
PHP实现八皇后算法
2019/05/06 PHP
JS 遮照层实现代码
2010/03/31 Javascript
jquery 合并内容相同的单元格(示例代码)
2013/12/13 Javascript
给js文件传参数(详解)
2014/07/13 Javascript
javascript实现2016新年版日历
2016/01/25 Javascript
javascript+css3 实现动态按钮菜单特效
2016/02/06 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
2016/08/17 Javascript
浅谈vue,angular,react数据双向绑定原理分析
2017/11/28 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
手把手带你搭建一个node cli的方法示例
2020/08/07 Javascript
使用Python获取CPU、内存和硬盘等windowns系统信息的2个例子
2014/04/15 Python
python获取当前运行函数名称的方法实例代码
2017/04/06 Python
Python爬虫之模拟知乎登录的方法教程
2017/05/25 Python
利用Python循环(包括while&amp;for)各种打印九九乘法表的实例
2017/11/06 Python
在pandas多重索引multiIndex中选定指定索引的行方法
2018/11/16 Python
解决python3 Pycharm上连接数据库时报错的问题
2018/12/03 Python
Python中一般处理中文的几种方法
2019/03/06 Python
Python迷宫生成和迷宫破解算法实例
2019/12/24 Python
python实现tail -f 功能
2020/01/17 Python
python向企业微信发送文字和图片消息的示例
2020/09/28 Python
canvas因为图片资源不在同一域名下而导致的跨域污染画布的解决办法
2019/01/18 HTML / CSS
美国隐形眼镜网上商店:Lens.com
2019/09/03 全球购物
英国钻石公司:British Diamond Company
2020/02/16 全球购物
俄罗斯儿童和青少年服装、鞋子及配件的在线商店:Orby
2020/02/20 全球购物
Ajax的优点和缺点
2014/11/21 面试题
日语翻译个人求职的自我评价
2013/10/14 职场文书
初中生学习的自我评价
2013/11/14 职场文书
电子商务个人职业生涯规划范文
2014/02/12 职场文书
学校安全管理责任书
2014/07/23 职场文书
2015建军节87周年演讲稿
2015/03/19 职场文书
2016年庆“七一”主题党日活动总结
2016/04/05 职场文书
Python中Cookies导出某站用户数据的方法
2021/05/17 Python