遍历 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如何遍历数组的属性的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
213
