for of 与 for in的区别-白红宇

for of 与 for in的区别

阅读量：6591 次

发布时间：2019-06-24

本文共 1561 字，大约阅读时间需要 5 分钟。

遍历数组通常使用for循环，ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。

                                  
Array.prototype.method=
function
(){ 
　　console.log(
this
.length);
}
var
myArray=[1,2,4,5,6,7]
myArray.name=
"数组"
for
(
var
index 
in
myArray) { 
  
console.log(myArray[index]);
}
           
         

使用for in 也可以遍历数组，但是会存在以下问题：

1.index索引为字符串型数字，不能直接进行几何运算

2.遍历顺序有可能不是按照实际数组的内部顺序

3.使用for in会遍历数组所有的可枚举属性，包括原型。例如上栗的原型方法method和name属性

所以for in更适合遍历对象，不要使用for in遍历数组。

那么除了使用for循环，如何更简单的正确的遍历数组达到我们的期望呢（即不遍历method和name），ES6中的for of更胜一筹.

                                  
Array.prototype.method=
function
(){ 
　　console.log(
this
.length);
}
var
myArray=[1,2,4,5,6,7]
myArray.name=
"数组"
;
for
(
var
value of myArray) { 
  
console.log(value);
}
           
         

记住，for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。

for of遍历的只是数组内的元素，而不包括数组的原型属性method和索引name

遍历对象通常用for in来遍历对象的键名

                                  
Object.prototype.method=
function
(){ 
　　console.log(
this
);
}
var
myObject={ 
　　a:1,
　　b:2,
　　c:3
}
for
(
var
key 
in
myObject) { 
  
console.log(key);
}
           
         

for in 可以遍历到myObject的原型方法method,如果不想遍历原型方法和属性的话，可以在循环内部判断一下,hasOwnPropery方法可以判断某属性是否是该对象的实例属性

                                  
for
(
var
key 
in
myObject) { 
　　
if
（myObject.hasOwnProperty(key)){ 
　　　　console.log(key);
　　}
}
           
         

同样可以通过ES5的Object.keys(myObject)获取对象的实例属性组成的数组，不包括原型方法和属性。

                                  
Object.prototype.method=
function
(){ 
　　console.log(
this
);
}
var
myObject={ 
　　a:1,
　　b:2,
　　c:3
}
Object.keys(myObject).forEach(
function
(key,index){<br>　　console.log(key,myObject[key])<br>})
           
         

转载于:https://www.cnblogs.com/ecmasea/p/8986040.html

你可能感兴趣的文章