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 标题的自动翻转实现代码
Oct 14 Javascript
IE和firefox浏览器的event事件兼容性汇总
Dec 06 Javascript
jquery隐藏标签和显示标签的实例
Nov 11 Javascript
JavaScript动态改变表格单元格内容的方法
Mar 30 Javascript
实例讲解JS中setTimeout()的用法
Jan 28 Javascript
Javascript基础_标记文字的实现方法
Jun 14 Javascript
详解angularJS自定义指令间的相互交互
Jul 05 Javascript
jquery实现倒计时小应用
Sep 19 jQuery
LayUi中接口传数据成功,表格不显示数据的解决方法
Aug 19 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
Dec 11 Javascript
Js利用正则表达式去除字符串的中括号
Nov 23 Javascript
vue中defineProperty和Proxy的区别详解
Nov 30 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+dbfile开发小型留言本
2006/10/09 PHP
php删除字符串末尾子字符,删除开始字符,删除两端字符(实现代码)
2013/06/27 PHP
php执行多个存储过程的方法【基于thinkPHP】
2016/11/08 PHP
PHP通过引用传递参数用法分析
2016/12/01 PHP
js no-repeat写法 背景不重复
2009/03/18 Javascript
JavaScript 基础篇(一)
2012/03/30 Javascript
Javascript正则控制文本框只能输入整数或浮点数
2014/09/02 Javascript
JavaScript中的全局对象介绍
2015/01/01 Javascript
jQuery入门介绍之基础知识
2015/01/13 Javascript
利用JS实现数字增长
2016/07/28 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
2018/01/09 Javascript
js计算两个日期间的天数月的实例代码
2018/09/20 Javascript
vue axios封装及API统一管理的方法
2019/04/18 Javascript
微信小程序实现滑动操作代码
2020/04/23 Javascript
python使用两种发邮件的方式smtp和outlook示例
2017/06/02 Python
Flask框架信号用法实例分析
2018/07/24 Python
python实现坦克大战游戏 附详细注释
2020/03/27 Python
Python中@property的理解和使用示例
2019/06/11 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
Django 设置多环境配置文件载入问题
2020/02/25 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
pytorch 限制GPU使用效率详解(计算效率)
2020/06/27 Python
浅谈PyTorch中in-place operation的含义
2020/06/27 Python
Python代码需要缩进吗
2020/07/01 Python
巧用 CSS3的webkit-box-reflect 倒影实现各类动效
2021/03/05 HTML / CSS
军训的自我鉴定
2013/12/10 职场文书
高职教师岗位职责
2013/12/24 职场文书
服装电子商务创业计划书
2014/01/30 职场文书
护士见习期自我鉴定
2014/02/08 职场文书
毕业晚会主持词
2014/03/24 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
幼儿园开学通知
2015/04/24 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
鸦片战争观后感
2015/06/09 职场文书
生产车间管理制度
2015/08/04 职场文书
canvas实现贪食蛇的实践
2022/02/15 Javascript