有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