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 相关文章推荐
javascript Array.remove() 数组删除
Aug 06 Javascript
基于jQuery的图片大小自动适应实现代码
Nov 17 Javascript
JS实现淘宝幻灯片效果的实现方法
Mar 22 Javascript
手机平板等移动端适配跳转URL的js代码
Jan 25 Javascript
js实现的点击数量加一可操作数据库
May 09 Javascript
DOM 事件流详解
Jan 20 Javascript
基于jQuery实现仿51job城市选择功能实例代码
Mar 02 Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
Apr 20 jQuery
值得分享和收藏的xmlplus组件学习教程
May 05 Javascript
Vue.js实现网格列表布局转换方法
Aug 25 Javascript
vue中使用rem布局代码详解
Oct 30 Javascript
JS控制下拉列表左右选择实例代码
May 08 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 输出URL的快捷方式示例代码
2013/09/22 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
PHP连接及操作PostgreSQL数据库的方法详解
2019/01/30 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
TNC vs IO BO3 第一场2.13
2021/03/10 DOTA
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
2009/10/26 Javascript
jquery 读取页面load get post ajax 四种方式代码写法
2011/04/02 Javascript
DIV外区域Click后关闭DIV的实现代码
2011/12/21 Javascript
javascript之typeof、instanceof操作符使用探讨
2013/05/19 Javascript
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
js操纵dom生成下拉列表框的方法
2014/02/24 Javascript
相册展示PhotoSwipe.js插件实现
2016/08/25 Javascript
清除输入框内的空格
2016/12/21 Javascript
深入理解jquery中extend的实现
2016/12/22 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
2018/06/25 Javascript
详解Vue中的基本语法和常用指令
2019/07/23 Javascript
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
Python+Django在windows下的开发环境配置图解
2009/11/11 Python
Python实现读取字符串按列分配后按行输出示例
2018/04/17 Python
PyCharm代码提示忽略大小写设置方法
2018/10/28 Python
Python中qutip用法示例详解
2020/10/02 Python
python实现图片,视频人脸识别(dlib版)
2020/11/18 Python
css3 border-radius属性详解
2017/07/05 HTML / CSS
鲜为人知的HTML5语音合成功能
2019/05/17 HTML / CSS
中医药大学毕业生自荐信
2013/11/08 职场文书
学术会议欢迎词
2014/01/09 职场文书
宠物店的创业计划书范文
2014/01/11 职场文书
机械设计毕业生自荐信
2014/02/02 职场文书
市级优秀班主任事迹材料
2014/05/13 职场文书
幼儿教师暑期培训方案
2014/08/27 职场文书
婚内房产协议书范本
2014/10/02 职场文书
2014年后勤工作总结
2014/11/18 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
护士爱岗敬业心得体会
2016/01/25 职场文书
导游词之张家界
2019/10/31 职场文书
浅谈Java实现分布式事务的三种方案
2021/06/11 Java/Android