js各种遍历数组、对象的方法

普通for循环

• 用法

for (语句 1; 语句 2; 语句 3)  
  {  
  被执行的代码块
  }

• 实例

x=0;
for (var i=0; i<5; i++)
  {
  x=x + 1;
  }  //x=5;

说明
for循环是最简单的一种，也是使用频率最高的一种，虽然性能不弱，但仍有优化空间

forEach循环

• 用法

[].forEach(function(value, index, array)

• 实例

let arr=[3,4,5,6];
arr.forEach((row)=>{
console.log(row);
}  //3,4,5,6

说明
forEach()方法用于遍历数组，运行起来不可中途终止，continue、break不可用

for in循环

• 用法

for (变量 in 对象)
{
    在此执行代码
}

• 实例

let obj={id:1,like:you,and:hi};
for(row in obj){
console.log(row);
}  //id like and

说明
for in循环可以对对象进行循环遍历，其中的变量（即row）是对象的键值。
for in 循环虽然好用但是他的执行效率是所有循环方法中效率最低的。

map()循环

• 用法

array.map(function(currentValue,index,arr), thisValue)

• 实例

let arr=[4,5,6,7,8];
arr.map((row)=>{
console.log(row);
})   //4 5 6 7 8

说明
map() 不会对空数组进行检测。
map() 不会改变原始数组。
currentValue是必须的，其他是可选，index是索引值，arr是当前的数组

for of 循环

• 用法

for (variable of iterable) {
    //statements
}

• 实例

let iterable = [10, 20, 30];

for (let value of iterable) {
    value += 1;
    console.log(value);
}  //11 21 31

说明
这是最简洁、最直接的遍历数组元素的语法
这个方法避开了for-in循环的所有缺陷
与forEach()不同的是，它可以正确响应break、continue和return语句
与for in不同的是for of 不能遍历纯对象，只能遍历可迭代对象

结语

以上就是几种js比较常用的遍历数组、对象的方法。希望这篇文章可以帮助到你。

最后希望喜欢前端的共同学习共同进步，如果有部分不足也希望您 可以及时指出，我将努力改正。