【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' 

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

（完）