js数据遍历几种方式

在 JavaScript 中，有多种方式可以遍历数据集，下面列出了常用的几种：

for 循环

for 循环是一种常见的遍历数据集的方式，可以用于遍历数组、对象等数据类型。例如：

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

const obj = { a: 1, b: 2, c: 3 };
for (const key in obj) {
  console.log(key, obj[key]);
}

Array.prototype.forEach()

Array.prototype.forEach() 是 Array 对象的一个方法，可以用于遍历数组。与 for 循环不同，Array.prototype.forEach() 不能用于遍历对象。例如：

const arr = [1, 2, 3];
arr.forEach(item => {
  console.log(item);
});

Array.prototype.map()

Array.prototype.map() 是 Array 对象的一个方法，可以用于遍历数组并返回一个新的数组。例如：

const arr = [1, 2, 3];
const newArr = arr.map(item => item * 2);
console.log(newArr);

for...of 循环

for...of 循环是 ES6 中引入的一种新的循环语法，可以用于遍历具有迭代器接口的数据结构（例如数组、Set、Map 等）。例如：

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

const set = new Set([1, 2, 3]);
for (const item of set) {
  console.log(item);
}

const map = new Map([['a', 1], ['b', 2], ['c', 3]]);
for (const [key, value] of map) {
  console.log(key, value);
}

Object.keys()

Object.keys() 是 Object 对象的一个静态方法，可以返回一个由对象自身的可枚举属性组成的数组。我们可以使用它遍历对象的键。例如：

const obj = { a: 1, b: 2, c: 3 };
Object.keys(obj).forEach(key => {
  console.log(key, obj[key]);
});

以上是 JavaScript 中常用的几种遍历数据集的方式，选择哪种方式取决于具体的场景和需求。