JavaScript进制转换实现方法解析
网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了JavaScript进制转换实现方法,结合实例形式分析了JavaScript进制转换中十进制与其他进制转换、以及随机颜色生成相关操作技巧,需要的朋友可以参考下
本文实例讲述了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./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前端代码调试运行工具测试上述代码运行效果。
PS这里再为大家推荐几款计算工具供大家进一步参考借鉴
在线一元函数(方程)求解计算工具
科学计算器在线使用_高级计算器在线计算
在线计算器_标准计算器
更多关于JavaScript相关内容还可查看本站专题《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
上一篇:JS数组方法join()用法实例分析
下一篇:js滚轮事件 js自定义滚动条的实现
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南