有5种从 JavaScript 列表中获取值的方法：直接索引：使用下标从列表中直接获取元素值。forEach 循环：遍历列表并使用回调函数访问每个元素。map：创建包含经过转换的新列表。filter：创建包含满足条件的新列表。reduce：对列表所有元素应用累积函数并返回最终值。
如何从 JS 列表中取值
直接索引
最直接的方法是从列表中使用下标索引来获取值。下标从 0 开始，代表列表中的元素位置。
const list = ['apple', 'banana', 'orange']; const firstItem = list[0]; // 'apple' const secondItem = list[1]; // 'banana' const lastItem = list[list.length - 1]; // 'orange'
forEach 循环
如果您需要遍历列表并访问每个元素，可以使用 forEach 循环。forEach 函数接受一个回调函数，该函数将为列表中的每个元素调用一次。
const list = ['apple', 'banana', 'orange'];
list.forEach((item, index) => {
console.log(`Index: ${index}, Value: ${item}`);
});map
map 函数创建一个包含经过转换的列表中每个元素的新列表。您可以使用 map 更改元素的值或提取特定信息。
const list = ['apple', 'banana', 'orange']; const newList = list.map((item) => item.toUpperCase()); // ['APPLE', 'BANANA', 'ORANGE']
filter
filter 函数创建一个包含满足特定条件的列表中所有元素的新列表。您可以使用 filter 查找特定值或移除不符合条件的元素。
const list = ['apple', 'banana', 'orange', 'apple']; const filteredList = list.filter((item) => item !== 'apple'); // ['banana', 'orange']
reduce
reduce 函数对列表中的所有元素应用一个累积函数并返回一个最终值。您可以使用 reduce 计算总和、查找最大值或将列表转换为其他数据结构。
const list = [1, 2, 3, 4, 5]; const sum = list.reduce((a, b) => a + b, 0); // 15
以上就是js list如何取值的详细内容，更多请关注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号
496
