美文网首页
for-in 和 for-of

for-in 和 for-of

作者: 一座被占用 | 来源:发表于2020-01-09 16:33 被阅读0次

先来看下结果
1.for in 对数组(Array)的遍历

image.png

2.for in 对对象(Object)的遍历

image.png

3.for of 对数组(Array)的遍历

image.png

4.for of 对对象(Object)的遍历

image.png

所以
for..of适用遍历数/数组对象/字符串/map/set等拥有迭代器对象的集合.但是不能遍历对象,因为没有迭代器对象
for-of循环不支持普通对象,但如果你想迭代一个对象的属性,你可以用for-in循环(这也是它的本职工作)或内建的Object.keys()方法

不要用for-in去遍历数组,为什么?


image.png

综上所述:
for-in:遍历对象
for-of:遍历数组

for in 在遍历的时候tslint会要加一个判断,用下面这个就好
for (var key in myObject) {
  if(myObject.hasOwnProperty(key)){
    console.log(key);
  }
}


image.png

相关文章

  • for-in 和 for-of

    先来看下结果1.for in 对数组(Array)的遍历 2.for in 对对象(Object)的遍历 3.fo...

  • for-of循环

    ES6为我们提供了for-in循环和for-Each循环还要强大 之前的for-in循环 for-of循环 遍历数...

  • JS 循环 OR 数组遍历

    while OR do-while for forEach for-in for-of map filter so...

  • forEach、for-in、for-of

    1.forEach 遍历范围:数组; 回调函数提供三个参数:当前元素item、当前索引index、当前操作的数组a...

  • JavaScript 笔记02(js 循环 / 函数参数 / j

    JavaScript 笔记02 接笔记01 5.for / forEach / for-in / for-of 不...

  • for-of

    for-of方法: for-of的语法看起来跟for-in很相似,但它的功能却丰富的多,它能循环很多东西。 for...

  • js 循环有哪些?

    js 循环有哪些? for / for-in / for-of / foreach 专门为循环设计 map / f...

  • 前端开发中的一些js规范

    1.不要用遍历器。用JavaScript高级函数代替`for-in`、 `for-of`。 const numbe...

  • 遍历

    总结 从遍历数组的效率上来讲普通for循环 >= forEach > for-of > for-in forEac...

  • for循环、for-in、forEach、for-of

    要遍历数组,最简单的方式即for循环: 这样的方式是最简单直接的方法,但是这样的方式需要的变量比较多。 在ES5之...

网友评论

      本文标题:for-in 和 for-of

      本文链接:https://www.haomeiwen.com/subject/brnyactx.html