js如何遍历数组的属性

百变鹏仔 2个月前 (10-13) #JavaScript

文章标签遍历

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

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

直接访问属性

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

const arr = [1, 2, 3];console.log(arr.length); // 3console.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) =&gt; {  console.log(`Value: ${value}, Index: ${index}, Array: ${array}`);});

使用 Array.prototype.map() 方法

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

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

使用 Array.prototype.filter() 方法

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

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

文章推荐

js如何遍历数组的属性

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？