遍历数组&对象的几种方式

title: ES6遍历数组&对象的几种方式
tags:

• 前端
• ES6
• 遍历数组
• 遍历对象
  categories:
• 前端

遍历数组的几种方式

方式1：

const arr = ['red', 'green', 'blue'];
arr.forEach(function (element, index) {
  console.log(element); // red green blue
  console.log(index);   // 0 1 2
});

方式2 & 方式3：

var arr = ['a', 'b', 'c', 'd'];
for (let a in arr) {
  console.log(a); // 0 1 2 3
}
for (let a of arr) {
  console.log(a); // a b c d
}

遍历对象的几种方式

方式1：

const obj ={"a":"a1", "b": "b1"}
for(var x in obj) {
  console.log(x); // a, b
  console.log(obj[x]); //a1, b1
}

方式2：

const obj = {"a":"a1", "b": "b1"}
Object.keys(obj).forEach(key => {
  console.log(key); // a, b
  console.log(obj[key]); //a1, b1
});