用for循环将整数二进制转换为十进制

╰半橙微兮° 2022-02-26 01:22 410阅读 0赞

在进行编码之前，你要了解二进制是如何转换为十进制的。

> 二进制：由0和1组成。  
> 十进制：由0值9组成。  
> 二进制转十进制：用数值乘以2的幂次依次相加得到十进制。（幂次为从右至左的第n个数值-1）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0NzU5OQ_size_16_color_FFFFFF_t_70]

### 分析： ###

###### 一、 十进制由二进制的数值乘以2的幂次相加而来，那么，就可以先求出二进制的每个数值乘以2的幂次，如下： ######

var index = document.getElementById("system").value;//获取值
    var length = document.getElementById("system").value.length;//获取值的长度
    for (var i = 0; i < length; i++) {//循环次数不能超过值的长度
    	var a = index[length - i - 1];//截取值的每个字符，从右边开始
    	var z = a;
    	for (var j = 0; j < i; j++) {
    		var z = 2 * z
    	}
    	console.log(z);//在控制台输出查看
    }

1.先获取值和值的长度。

var index = document.getElementById("system").value;//获取值
    var length = document.getElementById("system").value.length;//获取值的长度

2.循环截取值的每个字符。

for (var i = 0; i < length; i++) {//循环次数不能超过值的长度
    	var a = index[length - i - 1];//截取值的每个字符，从右边开始
    }

3.用for循环计算2的幂次。

var z = a;
    for (var j = 0; j < i; j++) {
    	var z = 2 * z
    }

4.可以循环在控制台输出每个字符乘以2的幂次的结果，用来查看。

console.log(z);//在控制台输出查看

###### 二、 每个数值乘以2的幂次算出来了，接下来就是把所有的结果相加，如下： ######

var index = document.getElementById("system").value;//获取值
    var length = document.getElementById("system").value.length;//获取值的长度
    document.getElementById("shift").value = 0;//给结果赋值为0
    for (var i = 0; i < length; i++) {
    	var a = index[length - i - 1];//截取值的每个字符
    	var z = a;
    	for (var j = 0; j < i; j++) {
    		var z = 2 * z;
    	}
    	console.log(z);//在控制台输出
    	var c = document.getElementById("shift").value;
    	document.getElementById("shift").value = parseFloat(c) + parseFloat(y);
    }

1.先给结果文本框赋值为0。

document.getElementById("shift").value = 0;//给结果赋值为0

2.用for循环获取结果文本框内的值，并加上每个字符乘以2的幂次的结果。

for (var i = 0; i < length; i++) {
    	var c = document.getElementById("shift").value;
    	document.getElementById("shift").value = parseFloat(c) + parseFloat(z);
    }

###### 效果展示图： ######

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0NzU5OQ_size_16_color_FFFFFF_t_70 1]

###### 代码展示图： ######

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0NzU5OQ_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0NzU5OQ_size_16_color_FFFFFF_t_70]: /images/20220226/c55be887040e46d2944a04f85c23ddd4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0NzU5OQ_size_16_color_FFFFFF_t_70 1]: /images/20220226/500701cf6a13404ea70ded7b398ef3ea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0NzU5OQ_size_16_color_FFFFFF_t_70 2]: /images/20220226/031c26acb18f4c1899ef3f65a63c2c0c.png