遍历 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]