在某一个情况下,有时候使用 for 循环时,需要使用当前循环到的 i 这个变量的值进行一些运算操作,比如通过计算再赋值,加入数组等等。比如:
var arr=[1,2,3];
var arr2=[];
for(var i=0;i<arr.length;i++){
arr2[i+1]=arr[i];
}
arr2[0]=0;
console.log(arr2);//1,2,3,4
console.log(arr2.length);//4
这个结果是正常的,但许多用于在数组中的循环我们都很喜欢用 for in 循环,这时候再进行这样的操作就会出现问题:
var arr=[1,2,3];
var arr2=[];
for(var i in arr){
arr2[i+1]=arr[i];
}
arr2[0]=0;
console.log(arr2);//[0, undefined × 10, 2, undefined × 9, 3, 01: 1]
console.log(arr2.length);//22
出现这种情况的原因是:在 for in 循环中,循环的变量 i 的数据类型是string
var arr=[1,2,3];
for(var i in arr){
console.log(i);
console.log(typeof i);//string
}
for(var i=0;i<arr.length;i++){
console.log(i);
console.log(typeof i);//number
}
JavaScript是弱数据类型,0+”1”=”01”;”2”+6=”26”,会自动转换数据类型。可以用下面的方法解决:
复制数组,使用普通for循环解决
for(var i=0;i<arr.length;i++){
arr2[i+1]=arr[i];
}
或者对 for in 循环中的 i 使用 parseInt() 转换数据类型后再进行运算。
for(var i in arr){
arr2[parseInt(i)+1]=arr[i];
}