掌握JavaScript获取列表序号的5种高效方法

在JavaScript中，获取列表（例如数组）的序号是一个基础且常见的操作。以下将介绍五种高效的方法来获取JavaScript列表（数组）中的序号。

方法一：使用for循环

最传统的获取列表序号的方法是通过for循环遍历数组。这种方法简单直接，易于理解。

let array = [1, 2, 3, 4, 5];
for (let i = 0; i < array.length; i++) {
    console.log(`序号：${i}, 值：${array[i]}`);
}

forEach 方法是ES5中引入的一个数组遍历方法，它接收一个回调函数，该函数对数组的每个元素执行一次。

let array = [1, 2, 3, 4, 5];
array.forEach((item, index) => {
    console.log(`序号：${index}, 值：${item}`);
});

ES6引入了for…of循环，它允许直接遍历数组中的值，同时也能获取到当前值的索引。

let array = [1, 2, 3, 4, 5];
for (let [index, item] of array.entries()) {
    console.log(`序号：${index}, 值：${item}`);
}

map 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数（由您实现）后的返回值。

let array = [1, 2, 3, 4, 5];
let result = array.map((item, index) => {
    return `序号：${index}, 值：${item}`;
});
console.log(result);

如果您的JavaScript环境支持解构赋值，您可以直接使用数组的索引属性。

let array = [1, 2, 3, 4, 5];
for (let [index, item] of array.entries()) {
    console.log(`序号：${index}, 值：${item}`);
}

以上五种方法各有特点，您可以根据实际需求选择最合适的方法。在处理大型数组时，建议使用for...of循环或forEach方法，因为它们在性能上通常优于传统的for循环。