总结数组和对象的遍历方法

【总结】数组、对象的遍历方法

一、for...of 与 for...in 的区别：

for...of 遍历可迭代对象（Array，Map，Set，String，TypedArray，arguments 对象等）

遍历可迭代对象定义要迭代的数据。

for (item of list) {
}

item 值。

const arr = [1, 2, 3];
for (item of arr) {
  console.log("元素值", item); // 1 2 3
}

for (item in arr) {
  console.log("元素索引", item); // 0 1 2
}

for...in 遍历对象自身和继承的可枚举属性

以任意顺序遍历一个对象的除 Symbol 以外的可枚举属性（自身 + 继承属性）。

for (item in list) {
}

item 属性名。

const obj = {
  totalCount: 20,
  pageCount: 5,
  pageSize: 2,
  pages: 4,
};
for (item in obj) {
  console.log(item); // totalCount pageCount pageSize pages
  console.log(obj[item]); // 20 5 2 4
}

提示：for...in 不应该用于迭代一个关注索引顺序的 Array