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中“基本类型”之争小结
Jan 03 Javascript
Js与下拉列表处理问题解决
Feb 13 Javascript
js获得页面的高度和宽度的方法
Feb 23 Javascript
使用jQuery简单实现模拟浏览器搜索功能
Dec 21 Javascript
JavaScript函数作用域链分析
Feb 13 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
Nov 26 Javascript
vue如何解决循环引用组件报错的问题
Sep 22 Javascript
微信小程序实现渐入渐出动画效果
Jun 13 Javascript
Vue.js如何使用Socket.IO的示例代码
Sep 05 Javascript
使用Vue实现调用接口加载页面初始数据
Oct 28 Javascript
JQuery使用数组遍历跳出each循环
Sep 01 jQuery
小程序实现文字循环滚动动画
Jun 14 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字符串的编码问题的详细介绍
2013/04/27 PHP
PHP中让curl支持sock5的代码实例
2015/01/21 PHP
php 实现进制相互转换
2016/04/07 PHP
thinkPHP交易详情查询功能详解
2016/12/02 PHP
MAC下通过改apache配置文件切换php多版本的方法
2017/04/26 PHP
tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析
2020/02/11 PHP
jQuery实现tab标签自动切换的方法
2015/02/28 Javascript
Jquery1.9.1源码分析系列(十五)动画处理之外篇
2015/12/04 Javascript
Angular Module声明和获取重载实例代码
2016/09/14 Javascript
jQuery鼠标事件总结
2016/10/13 Javascript
详解JS异步加载的三种方式
2017/03/07 Javascript
vue proxyTable 接口跨域请求调试的示例
2017/09/12 Javascript
JavaScript中的&quot;=、==、===&quot;区别讲解
2019/01/22 Javascript
Vue程序化的事件监听器(实例方案详解)
2020/01/07 Javascript
JS实现多选框的操作
2020/06/24 Javascript
[02:05]2014DOTA2西雅图邀请赛 专访啸天mik夫妻档
2014/07/08 DOTA
python中global与nonlocal比较
2014/11/21 Python
举例讲解Python中is和id的用法
2015/04/03 Python
Python如何获取系统iops示例代码
2016/09/06 Python
python实现指定文件夹下的指定文件移动到指定位置
2018/09/17 Python
PyQt 实现使窗口中的元素跟随窗口大小的变化而变化
2019/06/18 Python
python求最大值,不使用内置函数的实现方法
2019/07/09 Python
python flask搭建web应用教程
2019/11/19 Python
Python threading.local代码实例及原理解析
2020/03/16 Python
python3爬虫GIL修改多线程实例讲解
2020/11/24 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
AVI-8手表美国官方商店:AVI-8 USA
2019/04/10 全球购物
德国游戏机商店:Konsolenkost
2019/12/08 全球购物
一名女生的自荐信
2013/12/08 职场文书
海南地接欢迎词
2014/01/14 职场文书
地球一小时倡议书
2014/04/15 职场文书
文明家庭先进事迹材料
2014/05/14 职场文书
开展批评与自我批评发言稿
2014/10/16 职场文书
幼儿体育课教学反思
2016/02/16 职场文书
SQLServer2019 数据库的基本使用之图形化界面操作的实现
2021/04/08 SQL Server
总结Python使用过程中的bug
2021/06/18 Python