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 类与静态类的实现(续)
Apr 02 Javascript
jQuery 中使用JSON的实现代码
Dec 01 Javascript
jquery 插件实现瀑布流图片展示实例
Apr 03 Javascript
jquery轮播的实现方式 附完整实例
Jul 28 Javascript
jQuery树控件zTree使用方法详解(一)
Feb 28 Javascript
微信小程序 向左滑动删除功能的实现
Mar 10 Javascript
CSS3 动画卡顿性能优化的完美解决方案
Sep 20 Javascript
利用es6 new.target来对模拟抽象类的方法
May 10 Javascript
解决vue-router 二级导航默认选中某一选项的问题
Nov 01 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
Dec 09 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
Jul 11 Javascript
微信小程序向Java后台传输参数的方法实现
Dec 10 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连接MYSQL数据库实例代码
2016/01/20 PHP
php实现xml转换数组的方法示例
2017/02/03 PHP
PHP实现批量清空删除指定文件夹所有内容的方法
2017/05/30 PHP
js 图片缩放(按比例)控制代码
2009/05/27 Javascript
javascript getElementsByTagName
2011/01/31 Javascript
js移除事件 js绑定事件实例应用
2012/11/28 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
jquery隐藏标签和显示标签的实例
2013/11/11 Javascript
location.href用法总结(最主要的)
2013/12/27 Javascript
jQuery中:first-child选择器用法实例
2014/12/31 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
javascript入门之string对象【新手必看】
2016/11/22 Javascript
jquery横向纵向鼠标滚轮全屏切换
2017/02/27 Javascript
JavaScript 基础表单验证示例(纯Js实现)
2017/07/20 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
2017/11/21 Javascript
JavaScript实现全选取消效果
2017/12/14 Javascript
react-router browserHistory刷新页面404问题解决方法
2017/12/29 Javascript
优雅的elementUI table单元格可编辑实现方法详解
2018/12/23 Javascript
JavaScript类型相关的常用操作总结
2019/02/14 Javascript
python实现决策树
2017/12/21 Python
python去重,一个由dict组成的list的去重示例
2019/01/21 Python
Python中三元表达式的几种写法介绍
2019/03/04 Python
服务器端jupyter notebook映射到本地浏览器的操作
2020/04/14 Python
pytorch中 gpu与gpu、gpu与cpu 在load时相互转化操作
2020/05/25 Python
pytorch判断是否cuda 判断变量类型方式
2020/06/23 Python
CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式
2013/11/05 HTML / CSS
家得宝加拿大家装网上商店:The Home Depot加拿大
2016/08/27 全球购物
CAD制图人员的自荐信
2014/02/07 职场文书
公司营业员的自我评价
2014/03/04 职场文书
气象学专业个人求职信
2014/04/22 职场文书
土木工程专业本科生求职信
2014/10/01 职场文书
写给妈妈的感谢信
2015/01/22 职场文书
全国劳模先进事迹材料(2016精选版)
2016/02/25 职场文书
2016年六一文艺汇演开幕词
2016/03/04 职场文书
Python中os模块的简单使用及重命名操作
2021/04/17 Python
vue @ ~ 相对路径 路径别名设置方式
2022/06/05 Vue.js