JS中的进制转换以及作用


Posted in Javascript onJune 26, 2016

js的进制转换, 分为2进制,8进制,10进制,16进制之间的相互转换, 我们直接利用 对象.toString()即可实现:

运行下面代码

//10进制转为16进制
(10).toString(16) // =>"a"
//8进制转为16进制
(012).toString(16) // =>"a"
//16进制转为10进制
(0x16).toString(10) // =>"22"
//16进制转为8进制
(0x16).toString(8) // =>"26"
//10进制转为2进制 //=>
(1111).toString(2) // => "10001010111"
//8进制转为2进制 //=>
(01111).toString(2) //=>"1001001001"
//16进制转为2进制 //=>
(0x16).toString(2) // => "10110"

如果要处理2进制到10进制,16进制到10进制,8进制到10进制, 需要用了paresInt这个方法:

运行下面代码

//2进制到10进制;
parseInt(10,2) //=>2
//2进制到10进制;
parseInt(100,2) //=>4
//16进制到10进制
parseInt(12, 16) //=>18
//8进制到10进制
parseInt(12,8); //=>10

进制转换

如果要实现进制之间的转换, 可以利用parseInt方法, 先转化为10进制, 然后再利用toString(参数), 转化成不同的进制;

利用toString和parseInt方法可以实现一个进制转化的工具:

运行下面代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script language="javascript">
function test()
{
var num=document.getElementById("in").value;
var type=document.getElementById("title");
var tynum,to;
for(var i=0;i<type.length;i++)
{
if(type[i].selected)
tynum=parseInt(type[i].value);
}
switch(tynum)
{
case(1):to=parseInt(num).toString(2);break;
case(2):to=parseInt(num).toString(8);break;
case(3):to=parseInt(num).toString(16);break;
case(4):to=parseInt(num,2);break;
case(5):to=parseInt(num,8);break;
case(6):to=parseInt(num,16);break;
case(7):to=parseInt(num,2).toString(8);break;
case(8):to=parseInt(num,8).toString(2);break;
case(9):to=parseInt(num,2).toString(16);break;
case(10):to=parseInt(num,16).toString(2);break;
case(11):to=parseInt(num,8).toString(16);break;
case(12):to=parseInt(num,16).toString(8);break;
}
if(isNaN(to))
to="输入非法字符了哦"
document.getElementById("out").value=to;
}
</script>
<select name="title" id="title" style="width:152px;">
<option value="1">十进制转二进制</option>
<option value="2">十进制转八进制</option>
<option value="3">十进制转十六进制</option>
<option value="4">二进制转十进制</option>
<option value="5">八进制转十进制</option>
<option value="6">十六进制转十进制</option>
<option value="7">二进制转八进制</option>
<option value="8">八进制转二进制</option>
<option value="9">二进制转十六进制</option>
<option value="10">十六进制转二进制</option>
<option value="11">八进制转十六进制</option>
<option value="12">十六进制转八进制</option>
</select><br />
<input type="text" id="in" /><br>
<input type="text" id="out" /><br/>
<input type="button" value="change" onclick="test()" />
<font color="#FF0000" style="font-size:12px;">*注:存在非法字符时,我们只截断有效字符进行转换</font>
</body>
</html>

简单加密解密

把字符串转化成unicode, 然后再把unicode转成不同的进制 , 实现代码加密处理:

运行下面代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
</head>
<body>
<script>
function en(code, h){
//简单的jS加密解密<br>//code为对应的字符串,h为(2,8,10,16)就是要转成的几进制<br>function en(code, h) {
var monyer = new Array();var i;
for(i=0;i<code.length;i++)
monyer+=code.charCodeAt(i).toString(h)+"_";//就是把字符串转成ascll码,然后再转成你想的几进制
return monyer;
};
function de(code, h) {
var i,s="",code = code.split("_");
for(i=0;i<code.length;i++) {
s += String.fromCharCode(parseInt(code[i],h));
};
return s
};
en("1哇哈哈",8) //=> "61_52307_52310_52310_"
de("61_52307_52310_52310_",8) //=> "1哇哈哈
</script>
</body>
</html>

零宽字符

利用零宽字符的零宽度, 我们把所有的字符串转化成二进制, 然后利用零宽字符进行表示, 那么生成的字符串长度就会为0, 主要反编译即可还原,

运行下面代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
</head>
<body>
<script>
function en(str) {
var rep = {
'00': '\u200b',
'01': '\u200c',
'10': '\u200d',
'11': '\uFEFF'
};
str = str.replace(/[^\x00-\xff]/g, function (a) { // 转码 Latin-1 编码以外的字符。
return escape(a).replace('%', '\\');
});
str = str.replace(/[\s\S]/g, function (a) { // 处理二进制数据并且进行数据替换
a = a.charCodeAt().toString(2);
a = a.length < 8 ? Array(9 - a.length).join('0') + a : a;
return a.replace(/../g, function (a) {
return rep[a];
});
});
return str;
}
;
function de(str) {
return unescape(str.replace(/.{4}/g, function (a) {
var rep = {"\u200b": "00", "\u200c": "01", "\u200d": "10", "\uFEFF": "11"};
return String.fromCharCode(parseInt(a.replace(/./g, function (a) {
return rep[a]
}), 2)).replace(/\\/g,"%")
}))
}
var str = en("1哇哈哈");
console.log(str.length);
console.log(de(str));
</script>
</body>
</html>

以上所述是小编给大家介绍的JS中的进制转换以及作用的全部叙述,希望对大家有所帮助,如果大家想了解更多内容,敬请关注三水点靠木网站!

Javascript 相关文章推荐
js设置组合快捷键/tabindex功能的方法
Nov 21 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
Dec 11 Javascript
CSS javascript 结合实现悬浮固定菜单效果
Aug 23 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
Jul 06 Javascript
JavaScript性能优化总结之加载与执行
Aug 11 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
Aug 25 Javascript
详解开源的JavaScript插件化框架MinimaJS
Oct 26 Javascript
使用 Node.js 开发资讯爬虫流程
Jan 07 Javascript
微信小程序实现上传图片功能
May 28 Javascript
微信小程序 简易计算器实现代码实例
Sep 02 Javascript
解决Layui中layer报错的问题
Sep 03 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
Oct 21 Javascript
JavaScript类型系统之布尔Boolean类型详解
Jun 26 #Javascript
基于JavaScript实现单选框下拉菜单添加文件效果
Jun 26 #Javascript
JQuery控制图片由中心点逐渐放大效果
Jun 26 #Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
Jun 26 #Javascript
jquery实现上传文件大小类型的验证例子(推荐)
Jun 25 #Javascript
jQuery实现对无序列表的排序功能(附demo源码下载)
Jun 25 #Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
Jun 25 #Javascript
You might like
《PHP边学边教》(02.Apache+PHP环境配置――下篇)
2006/12/13 PHP
php 执行系统命令的方法
2009/07/07 PHP
详解WordPress中提醒安装插件以及隐藏插件的功能实现
2015/12/25 PHP
php有效防止图片盗用、盗链的两种方法
2016/11/01 PHP
php array_reverse 以相反的顺序返回数组实例代码
2017/04/11 PHP
ext 列表页面关于多行查询的办法
2010/03/25 Javascript
JavaScript打字小游戏代码
2011/12/26 Javascript
javascript创建数组之联合数组的使用方法示例
2013/12/26 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
2014/06/13 Javascript
JQuery显示、隐藏div的几种方法简明总结
2015/04/16 Javascript
jQuery实现自定义事件的方法
2015/04/17 Javascript
jQuery寻找n以内完全数的方法
2015/06/24 Javascript
简单实现轮播图效果的实例
2016/07/15 Javascript
基于angularjs实现图片放大镜效果
2016/08/31 Javascript
JavaScript中in和hasOwnProperty区别详解
2017/08/04 Javascript
微信小程序block的使用教程
2018/04/01 Javascript
如何在Vue.js中实现标签页组件详解
2019/01/02 Javascript
vue调用语音播放的方法
2019/09/27 Javascript
js 实现watch监听数据变化的代码
2019/10/13 Javascript
[01:00:25]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS Liquid
2018/03/31 DOTA
[34:10]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.24
2019/09/10 DOTA
python 输出一个两行字符的变量
2009/02/05 Python
Python单例模式实例详解
2017/03/01 Python
python输出100以内的质数与合数实例代码
2018/07/08 Python
python爬取Ajax动态加载网页过程解析
2019/09/05 Python
python 利用turtle模块画出没有角的方格
2019/11/23 Python
python+Django+pycharm+mysql 搭建首个web项目详解
2019/11/29 Python
python实现单目标、多目标、多尺度、自定义特征的KCF跟踪算法(实例代码)
2020/01/08 Python
pandas分组聚合详解
2020/04/10 Python
想学画画?python满足你!
2020/12/24 Python
重新定义牛仔布,100美元以下:Warp + Weft
2018/07/25 全球购物
意大利时尚奢侈品店:D’Aniello Boutique
2021/01/19 全球购物
常用UNIX 命令(Linux的常用命令)
2015/12/26 面试题
八年级生物教学反思
2014/01/22 职场文书
机关班子查摆问题及整改措施
2014/10/28 职场文书
SQL CASE 表达式的具体使用
2022/03/21 SQL Server