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];
let arr1 = arr.map((row)=>{
return row - 1;
 })  
// arr : [4,5,6,7,8] 并不会修改原来数组的值
//arr1:[3,4,5,6,7] 返回一个新的数组

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

filter

• 用法

var new_array = arr.filter(callback(element[, index[, array]])[, thisArg])

• 实例

var eles=[5,10,3,56,55]; var attr=eles.filter(ele=>{return ele>10})
// eles [5,10,3,56,55]
//attr: [56,55]

总结

• fileter用于遍历数组返回满足条件的值
• 并不会改变原来数组的值

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比较常用的遍历数组、对象的方法。希望这篇文章可以帮助到你。

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