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

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

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

分析：

一、 十进制由二进制的数值乘以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);
}

效果展示图：

代码展示图：