【javaScript】javaScript进制间的任意转化方法（2进制 - 4进制 - 8进制 - 10进制 - 16进制）

前言

关于进制的相关计算机转化原理，可以参考这篇文章 → 【程序人生】二、八、十、十六进制转换（图解篇） 篇幅有点长，但是如果你认真看完，肯定收获不小

那么程序代码中我们如何实现进制间的自由转换呢？

javaScript中的进制转换

javaScript可以很简单的做任意进制的转化，核心函数是全局函数 parseInt(str,radix) 与 Number.toString(radix) ;

一、parseInt(str,radix) N进制转十进制

定义：

parseInt(string, radix) 将一个字符串 string 转换为 radix 进制的整数， radix 为介于2-36之间的数，返回值为Number类型 参数：

参考 MDN

string ：如果string不是字符串，它底层将通过使用 ToString 抽象操作 将其转成字符串 radix：范围在 [2,36]之间，表示当前 string 表示为几进制，在 radix 为 undefined，或者基数为 0 或者没有指定的情况下，JavaScript 作如下处理：

如果字符串 string 以"0x"或者"0X"开头, 则基数是16 (16进制)如果字符串 string 以"0"开头, 基数是8（八进制）或者10（十进制），那么具体是哪个基数由实现环境决定。ECMAScript 5 规定使用10，但是并不是所有的浏览器都遵循这个规定。因此，永远都要明确给出radix参数的值如果字符串 string 以其它任何值开头，则基数是10 (十进制)

NaN值：

如果第一个字符不能被转换成数字，parseInt返回NaN。可以调用isNaN 来判断 parseInt 是否返回 NaN

eg: parseInt('321',2) // NaN eg: parseInt('321',37) // NaN eg: isNaN(parseInt(0101,2)) // true

实现：

下面展示一下使用 parseInt实现的N进制转成十进制的代码

eg: parseInt('1010',2) // 二进制 → 十进制 10 eg: parseInt('1010',5) // 五进制 → 十进制 130 eg: parseInt('013',8) // 八进制 → 十进制 11 eg: parseInt('0xAF',16) // 十六进制 → 十进制 17

---

二、Number.toString(radix) 十进制转换成N进制

定义：

Number的一个方法：toString(radix)；返回表示该数字的指定 radix 进制形式的字符串，返回值为String类型

参数：

参考 MDN

Number：为一个十进制的数值，当然你也可以写一个16进制的数值，注意如果直接 radix：范围在 [2,36]之间，表示将 Number 转换成几进制，如果未指定 radix 参数，则默认值为 10；如果 toString() 的 radix 参数不在 2 到 36 之间，将会抛出一个 RangeError。

实现：

eg: (15).toString(2) // 十进制 → 二进制 "1111" eg: (15).toString(8) // 十进制 → 八进制 "17" eg: (15).toString(16) // 十进制 → 十六进制 "f" eg: (0xAF).toString() // 十六进制 → 十进制 "175"

实现一个自定义的M进制转换N进制的函数

/** * @params {num,m,n} * num: 转换进制的数值 * m: M进制 → * n: N进制 ← */ function radixNum(num,m,n){ num = typeof(num) === 'string' ? num : String(num) if(m>36 && m<2 || n>36 && n<2) throw new Error('Params [m,n] Between 2-36!') let result = parseInt(num,m).toString(n) return result }

--------------------------------------------------------------------------更新------------------------------------------------------------------------------- 这个进制的封装中有一点不足，就是radix在MDN中的确在[2,36]之间即可，但是我们忽略了他底层还有处理，当我们不传radix的时候，他也会默认为转成10进制数，还有一个如果radix为0的话，虽然它不在【2-36】的区间，parseInt也是当成10进制处理的

parseInt('123') // 123 parseInt('321',0) // 321

所以修改后为这样：

/** * @params {num,m,n} * num: 转换进制的数值 * m: M进制 → * n: N进制 ← */ function radixNum(num,m,n){ num = typeof(num) === 'string' ? num : String(num) const _DEFAULT_ = { initNum: 10 } // 处理 m,n为0时转成10 m = m === 0 ? _DEFAULT_.initNum: m n = n === 0 ? _DEFAULT_.initNum: n // 处理第三个参数n不传时, 转成10 n = m && !n ? _DEFAULT_.initNum : n; // 判断radix区间 if(m>36 && m<2 || n>36 && n<2) throw new Error('Params [m,n] Between 2-36!') let result = parseInt(num,m).toString(n) if(isNaN(result)) console.warn('Please check whether num value is correct') return result }

测试：

radixNum(1111,2,10) // '15' radixNum('1111',2) // '15' radixNum('321',8,16) // d1 radixNum('42',0) // '42' radixNum('2',2,0) // warn: Please check whether num value is correct 'NaN'

如果有大佬有更好的方法，可以留言~

（完）