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原生态函数中使用jQuery中的 $(this)无效的解决方法
May 25 Javascript
了解了这些才能开始发挥jQuery的威力
Oct 10 Javascript
Javascript动态创建div的方法
Feb 09 Javascript
jQuery实现文本展开收缩特效
Jun 03 Javascript
浅析JS中对函数function的理解(基础篇)
Oct 14 Javascript
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
Vue-router结合transition实现app前进后退动画切换效果的实例
Oct 11 Javascript
vue打包的时候自动将px转成rem的操作方法
Jun 20 Javascript
详解用Webpack与Babel配置ES6开发环境
Mar 12 Javascript
Vue路由守卫及页面登录权限控制的设置方法(两种)
Mar 31 Javascript
vue实现表单未编辑或未保存离开弹窗提示功能
Apr 08 Javascript
JS实现简单贪吃蛇小游戏
Oct 28 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
cakephp常见知识点汇总
2017/02/24 PHP
laravel 获取某个查询的查询SQL语句方法
2019/10/12 PHP
jquery 插件 人性化的消息显示
2008/01/21 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
2010/11/14 Javascript
javascript间隔刷新的简单实例
2013/11/14 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
2013/12/11 Javascript
js+div实现图片滚动效果代码
2014/02/10 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
2014/02/26 Javascript
JavaScript也谈内存优化
2014/06/06 Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
2014/12/31 Javascript
javascript每日必学之基础入门
2016/02/16 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
2016/03/07 Javascript
基于Bootstrap实现图片轮播效果
2016/05/22 Javascript
微信小程序 弹幕功能简单实例
2017/02/14 Javascript
js面向对象编程总结
2017/02/16 Javascript
js评分组件使用详解
2017/06/06 Javascript
微信小程序使用picker实现时间和日期选择框功能【附源码下载】
2017/12/11 Javascript
javascript实现获取一个日期段内每天不同的价格(计算入住总价格)
2018/02/05 Javascript
微信小程序textarea层级过高的解决方法
2019/03/04 Javascript
vue组件数据传递、父子组件数据获取,slot,router路由功能示例
2019/03/19 Javascript
在Vue中创建可重用的 Transition的方法
2020/06/02 Javascript
jQuery加PHP实现图片上传并提交的示例代码
2020/07/16 jQuery
JS实现按比例缩小图片宽高
2020/08/24 Javascript
[12:29]《一刀刀一天》之DOTA全时刻19:蝙蝠骑士田伯光再度不举
2014/06/10 DOTA
python网络编程调用recv函数完整接收数据的三种方法
2017/03/31 Python
PyQt5每天必学之像素图控件QPixmap
2018/04/19 Python
Python实现基于POS算法的区块链
2018/08/07 Python
如何使用Python 打印各种三角形
2019/06/28 Python
Python_查看sqlite3表结构,查询语句的示例代码
2019/07/17 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
2019/09/20 Python
阿联酋优惠券服务:Living Kool
2019/12/12 全球购物
怎么样写好简历中的自我评价
2013/10/25 职场文书
创业计划书中包含的9个方面
2013/12/26 职场文书
生物制药专业自我鉴定
2014/02/19 职场文书
安踏广告词改编版
2014/03/21 职场文书
Redis 的查询很快的原因解析及Redis 如何保证查询的高效
2022/03/16 Redis