for of和for in

2022-01-13

前端

人生而自由,却无往不在枷锁中——卢梭《社会契约论》

我之前写过一篇for in的博客

for in是遍历对象key或者数组下标

前端还可以使用for of来遍历value

简单写一下两者区别和使用方式吧:

1
2
let ruben = {name:'ruben', age:21}
for(key in ruben) console.log(key)

image-20220113194249310

然后是for of

image-20220113194336220

提示对象并不是iterable(可迭代的)

因此for of并不能遍历对象的key

接下来看数组的:

1
2
let list = [1,2,3,4,5,6]
for(i in list) console.log(i)

image-20220113194553899

可以看到是遍历获取出了下标并不是实际的值

for of

1
2
let list = [1,2,3,4,5,6]
for(i of list) console.log(i)

image-20220113194700311

遍历出了我们的value