for in | for in 比较解释 | 以后找知识点先从这里面搜索

2024-10-21 14:28:58

    const obj = {

        a: 1,

        b: 2,

        c: 3

    }

    for (let i in obj) {

        console.log(i)

        // a

        // b

        // c

    }

    for (let i of obj) {

        console.log(i)

        // Uncaught TypeError: obj is not iterable 报错了

    }

---> 说明 for in 可以打印出对象， for of 不能打印出对象

    const arr = ['a', 'b', 'c']

    // for in 循环

    for (let i in arr) {

        console.log(i)

        // 0

        // 1

        // 2

    }
-----------------》 说明for in 就是 key

 // for of for (let i of arr) { console.log(i) // a // b // c }

--> for of 数组没有毛病

总结一句: for in 循环特别适合遍历对象。

for of 循环用来获取一对键值对中的值,而 for in 获取的是键名
一个数据结构只要部署了 Symbol.iterator 属性, 就被视为具有 iterator接口, 就可以使用 for of循环。

例1这个对象,没有 Symbol.iterator这个属性,所以使用 for of会报 obj is not iterable
for of 不同与 forEach, 它可以与 break、continue和return 配合使用,也就是说 for of 循环可以随时退出循环。
提供了遍历所有数据结构的统一接口

只要有 iterator 接口的数据结构,都可以使用 for of循环。

数组 Array
Map
Set
String
arguments对象
Nodelist对象, 就是获取的dom列表集合

以上这些都可以直接使用 for of 循环。凡是部署了 iterator 接口的数据结构也都可以使用数组的扩展运算符(...)、和解构赋值等操作。

http://www.fly63.com/article/detial/1444

最新文章

热门文章