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

for...in和for...of

作者: w_小伍 | 来源:发表于2020-06-30 11:52 被阅读0次
for...in

适合遍历对象/数组对象
循环得到的是索引值,且是字符串类型的,普通for循环得到的索引值是数字类型的

let arr1 = ['xiao', 'xi', 'qq']
for (let index in arr1) {
      console.log(index)
    }
image.png
for...of

适合遍历数组
循环得到的是value

let arr1 = ['xiao', 'xi', 'qq']
for (let value of arr1) {
      console.log(value)
    }
image.png

总结

for…in
数组的键名是数字,但是for…in循环是以字符串作为键名“0”、“1”、“2”
for…in循环不仅遍历数字键名,还会遍历手动添加的其他键,甚至包括原型链上的键
某些情况下,for…in循环会以任意顺序遍历键名
for…in循环主要是为遍历对象而设计的,不适用于遍历数组

for…of
有着同for…in一样的简洁语法,但是没有for…in那些缺点
不同于forEach方法,它可以与break、continue和return配合使用
提供了遍历所有数据结构的统一操作接口

相关文章

  • JavaScript for...in和for...of的区别

    for...in for...of的区别 for...in 循环的是key; for...of 循环的是value...

  • for...in和for...of

    for...in 适合遍历对象/数组对象循环得到的是索引值,且是字符串类型的,普通for循环得到的索引值是数字类型...

  • for...in 和for...of

    在JavaScript中遍历数组通常是使用for循环,自ES5发布后也可以使用forEach,另外在ES5具有遍历...

  • for...in,for...of

    主要用来遍历数组和字符串,对象也可以 for...in方法针对的是有没有下标数组的情况,也适用于对象的循环遍历;f...

  • for...in、for...of

    for……in 循环遍历对象的属性和数组的键值(索引) 可以遍历自定义属性 会遍历数组所有可枚举的属性,包括原型 ...

  • for...in & for...of

    内容摘自 MDN:for...in[https://developer.mozilla.org/zh-CN/doc...

  • js for...of和for...in

    上代码先遍历某个对象 再遍历一个数组 for in 的特点 结合上面的两个例子,分析得出: for ... in ...

  • js 循环

    js中forEach,for in,for of循环的用法 js的 for...in 和 for...of的用法 ...

  • js的 for...in 和 for...of的用法

    for...in和for...of两个遍历 for...in是es5标准,用来遍历key值,遍历对象和数组 for...

  • 第22周技术周报

    1. for...of VS for...in的用法 for...of是用于遍历实现了Iterator接口的元素 ...

网友评论

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

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