JS中 for in 与 for of的区别

  • Post author:
  • Post category:其他


最直接的区别就是:

for in遍历的是数组的索引(即键名),

而for of遍历的是数组元素值。

Array.prototype.method=function(){}
var myArray=[1,2,4];
myArray.name="数组";

for (var index in myArray)
    console.log(myArray[index]);    //0,1,2,method,name

for (var value of myArray) 
    console.log(value);    //1,2,4

除此之外还有一些细节:

for in的一些

缺陷

:

  1. 索引是字符串型的数字,因而不能直接进行几何运算
  2. 遍历顺序可能不是实际的内部顺序
  3. for in会遍历数组所有的可枚举属性,包括原型。例如的原型方法method和name属性

故而一般用

for in遍历对象而不用来遍历数组

这也就是for of存在的意义了,

for of 不遍历method和name,适合用来遍历数组

那for of有缺点吗? 当然有了:


for of不支持普通对象

,想遍历对象的属性,可以用for in循环, 或内建的Object.keys()方法:


Object.keys(myObject)获取对象的实例属性组成的数组,不包括原型方法和属性

for (var key of Object.keys(Object))
    console.log(key + ": " + Object[key]);

但是感觉这样有些多此一举,

总结来说:



for of 遍历数组



for in 遍历对象



版权声明:本文为q5706503原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。