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 相关文章推荐
重写document.write实现无阻塞加载js广告(补充)
Dec 12 Javascript
node.js中的fs.futimesSync方法使用说明
Dec 17 Javascript
jQuery on()方法示例及jquery on()方法的优点
Aug 27 Javascript
JavaScript仿商城实现图片广告轮播实例代码
Feb 06 Javascript
jquery 仿锚点跳转到页面指定位置的实例
Feb 14 Javascript
Angular1.x复杂指令实例详解
Mar 01 Javascript
微信小程序仿朋友圈发布动态功能
Jul 15 Javascript
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕)
Apr 09 Javascript
layui 解决富文本框form表单提交为空的问题
Oct 26 Javascript
微信小程序实现多选框功能的实例代码
Jun 24 Javascript
antd design table更改某行数据的样式操作
Oct 31 Javascript
Vue elementUI表单嵌套表格并对每行进行校验详解
Feb 18 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 图像函数大举例(非原创)
2009/06/20 PHP
php生成随机数的三种方法
2014/09/10 PHP
JavaScript对象之间的转换 jQuery对象和原声DOM
2011/03/07 Javascript
javascript中的绑定与解绑函数应用示例
2013/06/24 Javascript
jquery 新建的元素事件绑定问题解决方案
2014/06/12 Javascript
Javascript基础教程之关键字和保留字汇总
2015/01/18 Javascript
JavaScript编程中的Promise使用大全
2015/07/28 Javascript
javascript中利用柯里化函数实现bind方法【推荐】
2016/04/29 Javascript
基于JS代码实现图片在页面中旋转效果
2016/06/16 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
2017/02/23 Javascript
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例
2017/03/08 Javascript
vue.js组件之间传递数据的方法
2017/07/10 Javascript
jQuery Validate插件ajax方式验证输入值的实例
2017/12/21 jQuery
你可能不知道的前端算法之文字避让(inMap)
2018/01/12 Javascript
JS实现DOM删除节点操作示例
2018/04/04 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
2019/04/25 Javascript
vue-cli4使用全局less文件中的变量配置操作
2020/10/21 Javascript
[03:55]显微镜下的DOTA2特别篇——430灰烬之灵神级操作
2014/06/24 DOTA
[03:17]DOTA2-DPC中国联赛1月29日Recap集锦
2021/03/11 DOTA
python实现斐波那契递归函数的方法
2014/09/08 Python
python回调函数中使用多线程的方法
2017/12/25 Python
PyQt5每天必学之QSplitter实现窗口分隔
2018/04/19 Python
Python列表解析配合if else的方法
2018/06/23 Python
使用Flask集成bootstrap的方法
2018/07/24 Python
Python获取一个用户名的组ID过程解析
2019/09/03 Python
Pytorch to(device)用法
2020/01/08 Python
python标准库OS模块详解
2020/03/10 Python
Douglas意大利官网:购买香水和化妆品
2020/05/27 全球购物
欧姆龙医疗欧洲有限公司:Omron Healthcare Europe B.V
2020/06/13 全球购物
总经理助理的八要求
2013/11/12 职场文书
规划编制实施方案
2014/03/15 职场文书
亲子活动总结
2014/04/26 职场文书
宣传活动总结范文
2014/07/01 职场文书
写得不错的求职信范文
2014/07/11 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
docker 制作mysql镜像并自动安装
2022/05/20 Servers