js遍历的方法与区别

JavaScript 中有多种遍历数组和对象的方法，每种方法都有其特点和适用场景。以下是一些常见的遍历方法及其区别：

遍历数组

1. for 循环：

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

优点：简单易用，性能较好。

缺点：需要手动管理索引。

1. forEach 方法：

arr.forEach((item, index) => {
  console.log(item);
});

优点：语法简洁，可读性好。

缺点：无法使用 break 或 return 提前退出循环。

1. map 方法：

const newArr = arr.map((item, index) => {
  console.log(item);
  return item * 2;
});

优点：可以创建一个新数组，并对原数组的每个元素进行操作。

缺点：无法使用 break 或 return 提前退出循环。

1. for...of 循环：

for (const item of arr) {
  console.log(item);
}

优点：语法简洁，可读性好。

缺点：无法获取当前元素的索引。

1. for...in 循环（不推荐用于遍历数组）：

for (const index in arr) {
  console.log(arr[index]);
}

优点：可以获取当前元素的索引。

缺点：不适用于遍历数组，因为会遍历到原型链上的属性。

遍历对象

1. for...in 循环：

for (const key in obj) {
  console.log(key, obj[key]);
}

优点：可以遍历对象的键值对。

缺点：会遍历到原型链上的属性。

1. Object.keys() 方法：

Object.keys(obj).forEach(key => {
  console.log(key, obj[key]);
});

优点：只遍历对象自身的属性。

缺点：需要额外的函数调用。

1. Object.entries() 方法：

Object.entries(obj).forEach(([key, value]) => {
  console.log(key, value);
});

优点：可以同时获取键和值。

缺点：需要额外的函数调用。

1. for...of 循环（结合 Object.entries()）：

for (const [key, value] of Object.entries(obj)) {
  console.log(key, value);
}

优点：语法简洁，可读性好。

缺点：需要额外的函数调用。

总结：不同的遍历方法有不同的特点和适用场景。在选择遍历方法时，应根据具体需求和数据结构来选择合适的方法。