有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