js如何遍历数组的属性

遍历 javascript 数组属性的方法包括：直接访问属性：使用点号(.)或方括号([])访问特定属性。使用 for...in 循环：遍历属性名称。使用 for...of 循环：遍历属性值。使用 foreach() 方法：遍历每一项，将其传递给回调函数。使用 map() 方法：生成一个新数组，包含由回调函数生成的值。使用 filter() 方法：生成一个新数组，其中包含满足条件的项。

如何使用 JavaScript 遍历数组的属性

直接访问属性

最直接的方法是使用属性访问器 (.) 或方括号 ([])。例如：

const arr = [1, 2, 3];

console.log(arr.length); // 3
console.log(arr[0]); // 1

登录后复制

使用 for...in 循环

该循环遍历数组的键（属性名称），而不是值。

for (const key in arr) {
  if (arr.hasOwnProperty(key)) {
    console.log(key); // "0", "1", "2"
  }
}

登录后复制

使用 for...of 循环

该循环遍历数组的值，而不是键。

for (const value of arr) {
  console.log(value); // 1, 2, 3
}

登录后复制

使用 Array.prototype.forEach() 方法

该方法遍历数组的每一项，将其传递给回调函数。

arr.forEach((value, index, array) => {
  console.log(`Value: ${value}, Index: ${index}, Array: ${array}`);
});

登录后复制

使用 Array.prototype.map() 方法

该方法返回一个包含数组每个元素的新数组，该元素由回调函数生成。

const mappedArr = arr.map((value) => value * 2);
console.log(mappedArr); // [2, 4, 6]

登录后复制

使用 Array.prototype.filter() 方法

该方法返回一个新数组，其中包含满足回调函数条件的所有元素。

const filteredArr = arr.filter((value) => value > 2);
console.log(filteredArr); // [3]

登录后复制

以上就是js如何遍历数组的属性的详细内容，更多请关注其它相关文章！

Tags： 数组遍历