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 相关文章推荐
一个选择最快的服务器转向代码
Apr 27 Javascript
海量经典的jQuery插件集合
Jan 12 Javascript
JS可以控制样式的名称写法一览
Jan 16 Javascript
JavaScript中按位“异或”运算符使用介绍
Mar 14 Javascript
Javascript中的五种数据类型详解
Dec 26 Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
Nov 07 Javascript
react.js CMS 删除功能的实现方法
Apr 17 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
May 17 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
Mar 21 Javascript
Echart折线图手柄触发事件示例详解
Dec 16 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
Nov 26 Javascript
vuex的使用和简易实现
Jan 07 Vue.js
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源代码安装常见错误与解决办法分享
2013/05/28 PHP
PHP访问Google Search API的方法
2015/03/05 PHP
Yii框架使用魔术方法实现跨文件调用功能示例
2017/05/20 PHP
JS代码判断IE6,IE7,IE8,IE9的函数代码
2013/08/02 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
2014/06/27 Javascript
JavaScript获取页面中第一个锚定文本的方法
2015/04/03 Javascript
jQuery切换所有复选框选中状态的方法
2015/07/02 Javascript
理解javascript中的闭包
2017/01/11 Javascript
Bootstrap Table从零开始
2017/06/30 Javascript
underscore之Chaining_动力节点Java学院整理
2017/07/10 Javascript
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
r.js来合并压缩css文件的示例
2018/04/26 Javascript
vue+Element-ui实现分页效果实例代码详解
2018/12/10 Javascript
Node.js 多进程处理CPU密集任务的实现
2019/05/26 Javascript
JavaScript多种图形实现代码实例
2020/06/28 Javascript
vue实现移动端input上传视频、音频
2020/08/18 Javascript
[01:21]DOTA2新纪元-7.0新版本即将开启!
2016/12/11 DOTA
wxpython 学习笔记 第一天
2009/03/16 Python
Python中使用第三方库xlrd来写入Excel文件示例
2015/04/05 Python
Python中实现对Timestamp和Datetime及UTC时间之间的转换
2015/04/08 Python
python放大图片和画方格实现算法
2018/03/30 Python
详解python单元测试框架unittest
2018/07/02 Python
解决Python内层for循环如何break出外层的循环的问题
2019/06/24 Python
python输出第n个默尼森数的实现示例
2020/03/08 Python
Python流程控制语句的深入讲解
2020/06/15 Python
Python实现GIF图倒放
2020/07/16 Python
override和overload的区别
2016/03/09 面试题
Java面试题:Java类的Main方法如果是Private将会怎么样
2016/08/18 面试题
秋季运动会广播稿
2014/02/22 职场文书
关于热爱祖国的演讲稿
2014/05/04 职场文书
个人校本研修方案
2014/05/26 职场文书
关于有小孩的离婚协议书
2014/10/26 职场文书
2016新年慰问信范文
2015/03/25 职场文书
2015年小学数学教研组工作总结
2015/05/21 职场文书
SQL实现LeetCode(175.联合两表)
2021/08/04 MySQL
前端canvas中物体边框和控制点的实现示例
2022/08/05 Javascript