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 相关文章推荐
css+js实现部分区域高亮可编辑遮罩层
Mar 04 Javascript
分享20个提升网站界面体验的jQuery插件
Dec 15 Javascript
javascript设计模式之module(模块)模式
Aug 19 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
Sep 28 Javascript
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
Nov 02 Javascript
Vue.js添加组件操作示例
Jun 13 Javascript
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
Mar 01 Javascript
解决vue跨域axios异步通信问题
Apr 17 Javascript
详解Vue中CSS样式穿透问题
Sep 12 Javascript
js实现限定区域范围拖拉拽效果
Nov 20 Javascript
在实例中重学JavaScript事件循环
Dec 03 Javascript
node.js文件的复制、创建文件夹等相关操作
Feb 05 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
php基于Redis消息队列实现的消息推送的方法
2018/11/28 PHP
js Date自定义函数 延迟脚本执行
2010/03/10 Javascript
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
2012/08/22 Javascript
js中对象的声明方式以及数组的一些用法示例
2013/12/11 Javascript
JavaScript中property和attribute的区别详细介绍
2015/03/03 Javascript
javascript中setInterval的用法
2015/07/19 Javascript
HTML5之WebSocket入门3 -通信模型socket.io
2015/08/21 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
2017/02/20 Javascript
详解vue axios中文文档
2017/09/12 Javascript
vuex 项目结构目录及一些简单配置介绍
2018/04/08 Javascript
实例讲解JavaScript预编译流程
2019/01/24 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
2020/01/04 Javascript
[04:28]DOTA2亚洲邀请赛小组赛第五日 TOP10精彩集锦
2015/02/03 DOTA
[00:32]2018DOTA2亚洲邀请赛VGJ.T出场
2018/04/03 DOTA
详解python时间模块中的datetime模块
2016/01/13 Python
教你用一行Python代码实现并行任务(附代码)
2018/02/02 Python
对numpy Array [: ,] 的取值方法详解
2018/07/02 Python
在django中使用apscheduler 执行计划任务的实现方法
2020/02/11 Python
使用Pycharm分段执行代码
2020/04/15 Python
CSS3 @media的基本用法总结
2019/09/10 HTML / CSS
沙龙级头发造型工具:FOXYBAE
2018/07/01 全球购物
Shell如何接收变量输入
2016/08/06 面试题
给导游的表扬信
2014/01/10 职场文书
创建市级文明单位实施方案
2014/03/01 职场文书
校园安全标语
2014/06/07 职场文书
2014年教师节座谈会发言稿
2014/09/10 职场文书
四年级小学生评语
2014/12/26 职场文书
会计简历自我评价
2015/03/10 职场文书
旅游项目合作意向书
2015/05/08 职场文书
2015年科研工作总结范文
2015/05/13 职场文书
2015年秋季校长开学典礼致辞
2015/07/29 职场文书
2016年教师师德师风承诺书
2016/03/25 职场文书
go goroutine 怎样进行错误处理
2021/07/16 Golang
MySQL基于索引的压力测试的实现
2021/11/07 MySQL
JavaScript组合继承详解
2021/11/07 Javascript
前端框架ECharts dataset对数据可视化的高级管理
2022/12/24 Javascript