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 相关文章推荐
由document.body和document.documentElement想到的
Apr 13 Javascript
jQuery Jcrop插件实现图片选取功能
Nov 23 Javascript
javascript中onclick(this)用法介绍
Apr 19 Javascript
不使用jquery实现js打字效果示例分享
Jan 19 Javascript
中止javascript执行的方法
Feb 14 Javascript
node.js [superAgent] 请求使用示例
Mar 13 Javascript
JS替换字符串中空格方法
Apr 17 Javascript
javascript实现实时输出当前的时间
Apr 27 Javascript
详解基于webpack2.x的vue2.x的多页面站点
Aug 21 Javascript
layer ui 导入文件之前传入数据的实例
Sep 23 Javascript
微信小程序自定义组件components(代码详解)
Oct 21 Javascript
javascript中Set、Map、WeakSet、WeakMap区别
Dec 24 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对mongodb的扩展(初出茅庐)
2012/11/11 PHP
解析zend Framework如何自动加载类
2013/06/28 PHP
thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】
2017/03/25 PHP
用 JavaScript 迁移目录
2006/12/18 Javascript
juqery 学习之四 筛选过滤
2010/11/30 Javascript
深入理解JavaScript系列(6) 强大的原型和原型链
2012/01/15 Javascript
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
javascript 自定义回调函数示例代码
2014/09/26 Javascript
JS数组(Array)处理函数整理
2014/12/07 Javascript
JS动态修改图片的URL(src)的方法
2015/04/01 Javascript
JavaScript中的条件判断语句使用详解
2015/06/03 Javascript
jQuery的position()方法详解
2015/07/19 Javascript
nodejs修复ipa处理过的png图片
2016/02/17 NodeJs
JavaScript数组去重由慢到快由繁到简(优化篇)
2016/08/26 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
2016/10/28 Javascript
Vue2路由动画效果的实现代码
2017/07/10 Javascript
requireJS模块化实现返回顶部功能的方法详解
2017/10/16 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
2017/12/28 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
2018/08/10 Javascript
小程序根据手机机型设置自定义底部导航距离
2019/06/04 Javascript
leaflet加载geojson叠加显示功能代码
2020/02/21 Javascript
Python中Django框架下的staticfiles使用简介
2015/05/30 Python
python字符串连接方法分析
2016/04/12 Python
Django 内置权限扩展案例详解
2019/03/04 Python
Django restframework 框架认证、权限、限流用法示例
2019/12/21 Python
css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
2014/10/10 HTML / CSS
一款基于css3的动画按钮代码教程
2014/11/23 HTML / CSS
伦敦一家领先的精品零售商:IRIS Fashion
2019/05/24 全球购物
《争吵》教学反思
2014/02/15 职场文书
学校招生宣传广告词
2014/03/19 职场文书
火灾现场处置方案
2014/05/28 职场文书
党员违纪检讨书
2015/05/05 职场文书
2015年社区工会工作总结
2015/05/26 职场文书
Nginx 502 Bad Gateway错误原因及解决方案
2021/03/31 Servers
Win11 BitLocker 驱动器加密
2022/04/19 数码科技
Python测试框架pytest高阶用法全面详解
2022/06/01 Python