js循环之for、for in、for of、forEach

公用数据：

let arr = [1, 2, 3]
let str = '你好，我是大海'
let obj = {
  name: '大海',
  age: '25',
  gender: '男'
}

标准for循环：

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i])
}
// 1
// 2
// 3

for in 遍历索引：

// 遍历数组
for (let i in arr) {
  console.log(i, arr[i])
}
// 0 1
// 1 2
// 2 3

// 遍历字符串
for (let i in str) {
  console.log(i, str[i])
}
// 0 你
// 1 好
// 2 ，
// 3 我
// 4 是
// 5 大
// 6 海

// 遍历对象
for (let i in obj) {
  console.log(i, obj[i])
}
// name 大海
// age 25
// gender 男

for of 遍历值：

// 遍历数组
for (let v of arr) {
  console.log(v)
}
// 1
// 2
// 3

// 遍历字符串
for (let v of str) {
  console.log(v)
}
// 你
// 好
// ，
// 我
// 是
// 大
// 海

// 不能遍历对象——会报错
for (let v of obj) {
  console.log(v)
}
// Uncaught TypeError: obj is not iterable

forEach：

arr.forEach((v) => {
  console.log(v)
})
// 1
// 2
// 3

总结：

• for 和 forEach 都只能遍历数组
• for in 可以遍历数组、字符串、对象
• for of 可以遍历数组、字符串，不能遍历对象