JS实现十进制与二进制的互相转换

用 javascript 实现十进制与二进制之间的转换，在网上能找到不少例子，但很多都少考虑了二进制小数转换为十进制的情况，所以在一些摸索和实现之后，想把这种情况的实现分享给你

需求分析

二进制和十进制都可能是整数和浮点数（小数）
当然也可能是正数和负数（因为负数只需提取一个负号（-），所以该文章以正数为例）

十进制转换为二进制

该转换可以用 toString() 方法来实现

toString() 方法返回一个表示该对象的字符串
语法：numberObject.toString(radix)
- 描述：把数字转换为对应的字符串
- radix：可选。规定表示数字的基数
radix：2 ~ 36 之间的整数。若省略该参数，则使用基数 10。但是要注意，如果该参数是 10 以外的其他值，则 ECMAScript 标准允许实现返回任意值
返回值类型：string

所以，如果想将十进制数转换为二进制数（整数和小数都可以用这种方法），只需要使用 numberObject.toString(radix) 方法即可。示例：

const decimalNum = 123 
console.log(decimalNum.toString(2))  // "1111011"
const decimalFloatNumber = 123.125
console.log(decimalFloatNumber.toString(2))  // "1111011.001"

因为 toSting() 返回的是表示该对象的字符串，所以如果最终结果是要二进制数值的话，可以再用 Number() 函数转换一下即可。

二进制转换为十进制

网上例子基本都是用 parseInt(string, radix)，但如果二进制数有小数部分，那小数部分的数值会被直接舍去，不符合一些场景的需求设定

实现二进制（整数部分&小数部分）转换为十进制的一种方法是：将二进制数分为整数和小数两部分，分别转换为十进制数，然后再组合成最终的十进制数值

二进制整数部分转换为十进制

这部分很简单，直接用 parseInt(string, radix) 就可以啦~

parseInt() 函数可解析一个字符串，并返回一个整数
parseInt(string, radix)
- string：必需。要被解析的字符串
- radix ：可选。表示要解析的数字的基数
radix：该值介于 2 ~ 36 之间。如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。如果该参数小于 2 或者大于 36，则 parseInt() 将返回 NaN。

二进制小数部分转换为十进制

先不用代码实现，整理整理思路，根据转换原则，就是将小数点后的每位二进制数都转换成十进制数，然后将各个位的十进制数加起来，就是完整的小数部分的十进制数了。比如：1111011.111 的小数部分为：111

转换过程为：

小数部分:	1	1	1
基数的多少次幂:	2^(-1)	2^(-2)	2^(-3)
每位数字转换过程为：	1 * (2^(-1))	1 * (2^(-2))	1 * (2^(-3))
用十进制数值表示为：	0.5	0.25	0.125
二进制小数部分转换为十进制数后为：	0.5 + 0.25 + 0.125

对应代码实现为：

将二进制数的整数部分和小数部分分别取出

先将二进制数转换为字符串

用 split 方法，取出二进制数的整数部分和小数部分

const binaryFloatNum = 1111011.111
const binaryFloatNumStr = binaryFloatNum.toString()
console.log(binaryFloatNumStr)  // "1111011.111"
const binaryFloatNumArr = binaryFloatNumStr.split(".")
console.log(binaryFloatNumArr)  // ["1111011", "111"]

将小数部分转换为十进制数
- 取出小数部分
- 将小数部分的每位取出
- 将取出的每位分别转换为十进制数
- 将转换之后的各个十进制数相加，得到由整个二进制小数部分转换成的十进制数

const binaryFloatPartStr = binaryFloatNumArr[1]  //  "111"
const binaryFloatPartArr = binaryFloatPartStr.split("")  //  ["1", "1", "1"]

/**
* 将 binaryFloatPartArr 数组中的每项转换为对应的小数部分的十进制数
* @param decimalArray 二进制小数部分中由小数各位组成的数组
*/
function eachBinaryFloatPartToDecimal (binaryFloatPartArr) {
    return binaryFloatPartArr.map((currentValue, index) => {
        return Number(currentValue) * Math.pow(2, (-(index + 1)))
    })
}

const eachDecimalFloatPartNum = eachBinaryFloatPartToDecimal(["1", "1", "1"])
console.log(eachDecimalFloatPartNum)  // [0.5, 0.25, 0.125]

/**
* 将 binaryFloatPartArr 数组中的每项转换为对应的小数部分的十进制数
* @param decimalArray 二进制小数部分中由小数各位组成的数组
*/
const deciamlFloatPartNum = eachDecimalFloatPartNum.reduce((accumulator, currentValue) => {return accumulator + currentValue})
console.log()  // 0.875

将整个二进制小数转换为十进制数的程序为：

ps：将下面程序复制到控制台可直接运行 ```js /**

将二进制小数部分转换为十进制数

@param binaryFloatPartArr 二进制小数部分中由小数各位组成的数组 */ function eachBinaryFloatPartToDecimal(binaryFloatPartArr) { return binaryFloatPartArr.map((currentValue, index) => { return Number(currentValue) * Math.pow(2, (-(index + 1))) }) }

/**

将二进制小数（包含整数部分和小数部分）转换为十进制数

@param binaryNum 二进制数（可能是整数，也可能是小数） */ function binaryFloatToDecimal(binaryNum) { // 如果该二进制只有整数部分则直接用 parseInt(string, radix) 处理 if (Number.isInteger(binaryNum)) { return parseInt(binaryNum, 2) } else { const binaryFloatNumArr = binaryNum.toString().split(“.”)

  // 将二进制整数转换为十进制数
  const binaryIntParStr = binaryFloatNumArr[0]
  const decimalIntPartNum = parseInt(binaryIntParStr, 2)

  // 将二进制小数部分转换为十进制数
  const binaryFloatPartArr = binaryFloatNumArr[1].split("")
  const eachDecimalFloatPartNum = eachBinaryFloatPartToDecimal(binaryFloatPartArr)
  const deciamlFloatPartNum = eachDecimalFloatPartNum.reduce((accumulator, currentValue) => { return accumulator + currentValue })
  return decimalIntPartNum + deciamlFloatPartNum   } }

console.log(binaryFloatToDecimal(1111011.111)) // 123.875 console.log(binaryFloatToDecimal(1111011)) // 123 console.log(binaryFloatToDecimal(0.111)) // 0.875 ```

JS 实现二进制与十进制的相互转换

JavaScript 实现二进制与十进制的相互转换