美文网首页
数组循环--for,for...in,for...of,forE

数组循环--for,for...in,for...of,forE

作者: 前端程序员小白 | 来源:发表于2019-03-27 16:50 被阅读0次

闲来无事,把最近遇见的遍历和之前所用到的遍历方法之间的区别和用法总结一下。

  • for
    优点:数组最早的遍历方式,兼容性好
for(var i = 0; i<array.length; i++){
     console.log(array[i]);
}
  • for...in
    应用场景:for–in是用来循环带有字符串key的对象的方法。
    实际是为循环”enumerable“(可枚举)对象而设计的
    缺点:不推荐遍历数组对象
for(var key in object){
   console.log(key);
}
  • forEach
    优点:es6内置方法
    短处:你不能中断循环(使用break语句或使用return语句)
array.forEach(function(item,index){
  console.log(item);
})
  • for...of
    es7语法
    可循环:Array、String、TypedArray(类型化数组)、 Set、Map、DOM Collection、生成器(generators)
    缺点:不能直接用于普通对象的循环,可以按对象拥有的属性循环,使用内置的 Object.keys()
for (var value of array) { 
  console.log(value);
}

相关文章

  • 数组循环--for,for...in,for...of,forE

    闲来无事,把最近遇见的遍历和之前所用到的遍历方法之间的区别和用法总结一下。 for优点:数组最早的遍历方式,兼容性...

  • for...in 与for...of

    for...in循环读取键名,for...of循环读取键值。for...of遍历数组时,只返回具有数字索引的属性。...

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

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

  • js遍历循环for/for...in/for...of/forE

    【1】for循环 语句 1 在循环(代码块)开始前执行语句 2 定义运行循环(代码块)的条件语句 3 在循环(代码...

  • for...of循环(数组)

    for...of循环可以代替数组实例的forEach方法 JavaScript 原有的for...in循环,只能获...

  • JS基础遍历方法

    定义一个数字数组 for循环 for...in循环 for...of循环: 不需要通过索引访问 while循环: ...

  • js - 学习笔记

    方法 对象 类 数组循环(for...in) 迭代(for...of) 模块 其他进制转换文字模版symbol()...

  • for... in与for...of

    for...in 循环主要是为了遍历对象而生,不适用于遍历数组for...of循环可以用来遍历数组、类数组对象,字...

  • 数组方法 - 哪些方法会改变原数组

    for...in 拿到的是key,可用于对象,不推荐用于数组for...of 拿到的是value,不能循环普通对象...

  • aaa.数组和对象遍历操作

    数组遍历for,foreach,map(返回新数组),for...of(遍历element),for...in(遍...

网友评论

      本文标题:数组循环--for,for...in,for...of,forE

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