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 回车事件实现代码
Aug 23 Javascript
js取滚动条的尺寸的函数代码
Nov 30 Javascript
jQuery基本过滤选择器使用介绍
Apr 18 Javascript
jquery+html5制作超酷的圆盘时钟表
Apr 14 Javascript
jquery实现简单实用的弹出层效果代码
Oct 15 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
Mar 11 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
Aug 17 Javascript
jQuery插件form-validation-engine正则表达式操作示例
Feb 09 Javascript
完美解决input[type=number]无法显示非数字字符的问题
Feb 28 Javascript
Vue.2.0.5过渡效果使用技巧
Mar 16 Javascript
vue 实现LED数字时钟效果(开箱即用)
Dec 08 Javascript
微信小程序canvas截取任意形状的实现代码
Jan 13 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
通达OA公共代码 php常用检测函数
2011/12/14 PHP
跟我学Laravel之请求与输入
2014/10/15 PHP
thinkphp文件引用与分支结构用法实例
2014/11/26 PHP
PHP小偷程序的设计与实现方法详解
2016/10/15 PHP
php获取文件名称和扩展名的方法
2017/02/07 PHP
phpstudy后门rce批量利用脚本的实现
2019/12/12 PHP
Underscore.js 的模板功能介绍与应用
2012/12/24 Javascript
javascript获取元素CSS样式代码示例
2013/11/28 Javascript
DOM基础教程之事件对象
2015/01/20 Javascript
jQuery Validate插件实现表单验证
2016/08/19 Javascript
canvas学习之API整理笔记(二)
2016/12/29 Javascript
jQuery图片切换动画效果
2017/02/28 Javascript
JavaScript编写棋盘覆盖代码详解
2017/08/28 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
2017/09/19 Javascript
Angularjs 手写日历的实现代码(不用插件)
2017/10/18 Javascript
使用Electron构建React+Webpack桌面应用的方法
2017/12/15 Javascript
原生JS写Ajax的请求函数功能
2017/12/22 Javascript
js实时监控文本框输入字数的实例代码
2018/01/18 Javascript
JS实现对json对象排序并删除id相同项功能示例
2018/04/18 Javascript
浅谈angular2子组件的事件传递(任意组件事件传递)
2018/09/30 Javascript
微信小程序实现登录遮罩效果
2018/11/01 Javascript
JavaScript学习笔记之DOM基础操作实例小结
2019/01/09 Javascript
JS实现网页端猜数字小游戏
2020/03/06 Javascript
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
2020/04/24 Javascript
Python中装饰器学习总结
2018/02/10 Python
Python破解BiliBili滑块验证码的思路详解(完美避开人机识别)
2020/02/17 Python
解析HTML5的存储功能和web SQL的相关操作方法
2016/02/19 HTML / CSS
英国复古和经典球衣网站:Vintage Football Shirts
2018/10/05 全球购物
美团网旗下网上订餐平台:美团外卖
2020/03/05 全球购物
影视艺术学院毕业生自荐信
2013/11/13 职场文书
给排水工程师岗位职责
2013/11/21 职场文书
行政部总经理岗位职责
2014/01/04 职场文书
会计专业自我鉴定
2014/02/10 职场文书
党员专题组织生活会发言材料
2014/10/17 职场文书
违反单位工作制度检讨书
2014/10/25 职场文书
利用nginx搭建RTMP视频点播、直播、HLS服务器
2022/05/25 Servers