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 可以遍历数组、字符串，不能遍历对象