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 相关文章推荐
xtree.js 代码
Mar 13 Javascript
在textarea中显示html页面的javascript代码
Apr 20 Javascript
写出更好的JavaScript程序之undefined篇(中)
Nov 23 Javascript
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
Sep 09 Javascript
JS逆序遍历实现代码
Dec 02 Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
Feb 26 Javascript
JS批量替换内容中关键词为超链接
Feb 20 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
Dec 11 Javascript
详解Angular5 服务端渲染实战
Jan 04 Javascript
JS文件中加载jquery.js的实例代码
May 05 jQuery
详解js中let与var声明变量的区别
Apr 05 Javascript
vue导入.md文件的步骤(markdown转HTML)
Dec 31 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批量删除数据库下所有前缀为prefix_的表
2014/06/09 PHP
PHP生成数组再传给js的方法
2014/08/07 PHP
php实现的RSS生成类实例
2015/04/23 PHP
PHP与服务器文件系统的简单交互
2016/10/21 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
安装docker和docker-compose实例详解
2019/07/30 PHP
JScript 脚本实现文件下载 一般用于下载木马
2009/10/29 Javascript
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
2013/08/27 Javascript
Javascript 多浏览器兼容总结(实战经验)
2013/10/30 Javascript
网页运行时提示对象不支持abigimage属性或方法
2014/08/10 Javascript
深入分析Javascript跨域问题
2015/04/17 Javascript
基于jquery实现轮播焦点图插件
2016/03/31 Javascript
JavaScript核心语法总结(推荐)
2016/06/02 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
2016/08/04 Javascript
Bootstrap基本插件学习笔记之按钮(21)
2016/12/08 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
2017/01/10 Javascript
nodejs入门教程五:连接数据库的方法分析
2017/04/24 NodeJs
基于react框架使用的一些细节要点的思考
2017/05/31 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
JavaScript脚本语言是什么_动力节点Java学院整理
2017/06/26 Javascript
angular4强制刷新视图的方法
2018/10/09 Javascript
[48:27]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
pip安装时ReadTimeoutError的解决方法
2018/06/12 Python
2019 Python最新面试题及答案16道题
2019/04/11 Python
python获取网络图片方法及整理过程详解
2019/12/20 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
Mountain Warehouse波兰官方网站:英国户外品牌
2019/08/29 全球购物
专业销售业务员求职信
2013/11/18 职场文书
销售员个人求职的自我评价
2014/02/10 职场文书
七一建党节演讲稿
2014/09/11 职场文书
施工安全责任协议书
2016/03/23 职场文书
2019军训心得体会
2019/06/27 职场文书
Redis延迟队列和分布式延迟队列的简答实现
2021/05/13 Redis
Django使用echarts进行可视化展示的实践
2021/06/10 Python
MySQL的存储过程和相关函数
2022/04/26 MySQL