前端js处理list(数组)

在前端开发中，JavaScript (JS) 是用来处理页面逻辑的主要语言。当涉及到处理列表（List）时，通常指的是对数组（Array）的操作。以下是一些常见的操作及其实现方法：

1. 创建列表

let list = [1, 2, 3, 4, 5];

2. 遍历列表

• 使用 for 循环

for (let i = 0; i < list.length; i++) {
    console.log(list[i]);
}

• 使用 forEach 方法

list.forEach(function(item) {
    console.log(item);
});

3. 添加元素

• 在末尾添加

list.push(6); // list becomes [1, 2, 3, 4, 5, 6]

• 在开头添加

list.unshift(0); // list becomes [0, 1, 2, 3, 4, 5, 6]

4. 删除元素

• 删除最后一个元素

list.pop(); // removes the last element, list is now [0, 1, 2, 3, 4, 5]

• 删除第一个元素

list.shift(); // removes the first element, list is now [1, 2, 3, 4, 5]

5. 查找元素

• 查找特定值的索引

let index = list.indexOf(3); // returns 2

• 检查是否存在特定值

if (list.includes(3)) {
    console.log('3 is in the list');
}

6. 过滤列表

let filteredList = list.filter(item => item > 2); // returns [3, 4, 5]

7. 映射列表

let mappedList = list.map(item => item * 2); // returns [2, 4, 6, 8, 10]

8. 排序列表

• 升序排序

list.sort((a, b) => a - b); // sorts in ascending order

• 降序排序

list.sort((a, b) => b - a); // sorts in descending order

9. 列表转字符串

let stringList = list.join(', '); // "1, 2, 3, 4, 5"

10. 列表切片

let subList = list.slice(1, 3); // returns [2, 3], does not modify original list