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代码优化之基本事件
Nov 01 Javascript
jQuery插件slicebox实现3D动画图片轮播切换特效
Apr 12 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
May 19 Javascript
JavaScript闭包实例详解
Jun 03 Javascript
jQuery动态修改字体大小的方法【测试可用】
Sep 09 Javascript
JS实现留言板功能[楼层效果展示]
Dec 27 Javascript
JS获取指定月份的天数两种实现方法
Jun 22 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
Oct 19 Javascript
JavaScript事件对象深入详解
Dec 30 Javascript
jquery轮播图插件使用方法详解
Jul 31 jQuery
手把手带你搭建一个node cli的方法示例
Aug 07 Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 18 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
Content-type 的说明
2006/10/09 PHP
深入了解php4(1)--回到未来
2006/10/09 PHP
php 防止单引号,双引号在接受页面转义
2008/07/10 PHP
Laravel实现自定义错误输出内容的方法
2016/10/10 PHP
PHP实现的曲线统计图表示例
2016/11/10 PHP
PHP在linux上执行外部命令的方法
2017/02/06 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
刷新页面实现方式总结(HTML,ASP,JS)
2008/11/13 Javascript
JQuery UI DatePicker中z-index默认为1的解决办法
2010/09/28 Javascript
jquery图片放大功能简单实现
2013/08/01 Javascript
js获取当前路径的简单示例代码
2014/01/08 Javascript
Javascript中的getUTCDay()方法使用详解
2015/06/10 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
2015/06/18 Javascript
javascript跑马灯抽奖实例讲解
2020/04/17 Javascript
开启BootStrap学习之旅
2016/05/04 Javascript
仿百度换肤功能的简单实例代码
2016/07/11 Javascript
xmlplus组件设计系列之按钮(2)
2017/04/26 Javascript
Angular.Js之Scope作用域的学习教程
2017/04/27 Javascript
关于Ajax的原理以及代码封装详解
2017/09/08 Javascript
angular2 ng2 @input和@output理解及示例
2017/10/10 Javascript
详解基于Vue+Koa的pm2配置
2017/10/24 Javascript
vue动态注册组件实例代码详解
2019/05/30 Javascript
小程序中canvas的drawImage方法参数使用详解
2019/07/04 Javascript
使用JavaScript计算前一天和后一天的思路详解
2019/12/20 Javascript
Python中的自定义函数学习笔记
2014/09/23 Python
用Python制作简单的钢琴程序的教程
2015/04/01 Python
Django接受前端数据的几种方法总结
2016/11/04 Python
用virtualenv建立多个Python独立虚拟开发环境
2017/07/06 Python
对pycharm 修改程序运行所需内存详解
2018/12/03 Python
Python 从相对路径下import的方法
2018/12/04 Python
Sneaker Studio乌克兰:购买运动鞋
2018/03/26 全球购物
干部培训自我鉴定
2014/01/22 职场文书
高等教育专业自荐信范文
2014/03/26 职场文书
党员活动日总结
2014/05/05 职场文书
项目申请汇报材料
2014/08/16 职场文书
先进班集体事迹材料
2014/12/25 职场文书