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 相关文章推荐
JS事件Event元素(兼容IE,Firefox,Chorme)
Nov 01 Javascript
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 Javascript
javascript控制在光标位置插入文字适合表情的插入
Jun 09 Javascript
js实现获取焦点后光标在字符串后
Sep 17 Javascript
jQuery EasyUI 布局之动态添加tabs标签页
Nov 18 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
浅谈js中test()函数在正则中的使用
Aug 19 Javascript
JS简单随机数生成方法
Sep 05 Javascript
详解vue过滤器在v2.0版本用法
Jun 01 Javascript
微信小程序显示下拉列表功能【附源码下载】
Dec 12 Javascript
Node.js+Express+Mysql 实现增删改查
Apr 03 Javascript
vue实现简单跑马灯效果
May 25 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
MYSQL数据库初学者使用指南
2006/11/16 PHP
ThinkPHP php 框架学习笔记
2009/10/30 PHP
PHP JWT初识及其简单示例
2018/10/10 PHP
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
html文本框提示效果的示例代码
2014/06/28 Javascript
JavaScript事件学习小结(三)js事件对象
2016/06/09 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
2016/06/15 Javascript
js 转义字符及URI编码详解
2017/02/28 Javascript
js实现仿购物车加减效果
2017/03/01 Javascript
Vuex之理解Getters的用法实例
2017/04/19 Javascript
Vue2仿淘宝实现省市区三级联动
2020/04/15 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
2018/08/24 Javascript
Angular2之二级路由详解
2018/08/31 Javascript
少女风vue组件库的制作全过程
2019/05/15 Javascript
浅谈vant组件Picker 选择器选单选问题
2020/11/04 Javascript
python让图片按照exif信息里的创建时间进行排序的方法
2015/03/16 Python
Python中数组,列表:冒号的灵活用法介绍(np数组,列表倒序)
2018/04/18 Python
Django中反向生成models.py的实例讲解
2018/05/30 Python
pandas重新生成索引的方法
2018/11/06 Python
python实现祝福弹窗效果
2019/04/07 Python
python print出共轭复数的方法详解
2019/06/25 Python
Python搭建HTTP服务过程图解
2019/12/14 Python
Python使用enumerate获取迭代元素下标
2020/02/03 Python
python 两个一样的字符串用==结果为false问题的解决
2020/03/12 Python
Python OpenCV实现测量图片物体宽度
2020/05/27 Python
Melissa鞋英国官方网站:Nonnon
2019/05/01 全球购物
潘多拉珠宝俄罗斯官方网上商店:PANDORA俄罗斯
2020/09/22 全球购物
laravel使用redis队列实例讲解
2021/03/23 PHP
利用promise及参数解构封装ajax请求的方法
2021/03/24 Javascript
中专毕业生的自我鉴定
2013/12/01 职场文书
天鹅的故事教学反思
2014/02/04 职场文书
经营理念标语
2014/06/21 职场文书
公司向个人借款协议书范本
2014/10/09 职场文书
2014年图书室工作总结
2014/12/09 职场文书
小学数学国培研修日志
2015/11/13 职场文书
本地搭建minio文件服务器(使用bat脚本启动)的方法
2022/07/15 Servers