返回
熟能生巧，掌握JS常用数组方法，大幅提升编程效率
前端
2023-09-09 03:37:42
当然，以下是有关JS常用数组方法总结笔记的文章：
数组是JavaScript中一种非常重要的数据结构，它可以存储一组相同类型的数据。JavaScript数组原生支持多种方法，可以帮助我们轻松地遍历、操作、排序和搜索数组中的数据。掌握这些方法，可以大幅提升我们的编程效率。
1. 遍历数组
遍历数组的最基本方法是使用for循环：
const numbers = [1, 2, 3, 4, 5];
for (let i = 0; i < numbers.length; i++) {
console.log(numbers[i]);
}
上面的代码将输出数组中所有元素的值。
除了for循环之外，我们还可以使用一些其他的方法来遍历数组：
forEach()方法：forEach()方法可以对数组中的每个元素执行一个指定的函数。
numbers.forEach((number) => {
console.log(number);
});
map()方法：map()方法可以对数组中的每个元素执行一个指定的函数，并返回一个包含结果的新数组。
const doubledNumbers = numbers.map((number) => {
return number * 2;
});
console.log(doubledNumbers); // [2, 4, 6, 8, 10]
filter()方法：filter()方法可以根据一个指定的函数对数组中的元素进行筛选，并返回一个包含符合条件的元素的新数组。
const evenNumbers = numbers.filter((number) => {
return number % 2 === 0;
});
console.log(evenNumbers); // [2, 4]
reduce()方法：reduce()方法可以将数组中的元素累积成一个单一的值。
const sum = numbers.reduce((acc, current) => {
return acc + current;
}, 0);
console.log(sum); // 15
2. 操作数组
JavaScript数组原生支持多种操作方法，包括：
push()方法：push()方法可以在数组的末尾添加一个或多个元素。
numbers.push(6);
console.log(numbers); // [1, 2, 3, 4, 5, 6]
pop()方法：pop()方法可以从数组的末尾移除并返回最后一个元素。
const lastNumber = numbers.pop();
console.log(lastNumber); // 6
console.log(numbers); // [1, 2, 3, 4, 5]
unshift()方法：unshift()方法可以在数组的开头添加一个或多个元素。
numbers.unshift(0);
console.log(numbers); // [0, 1, 2, 3, 4, 5]
shift()方法：shift()方法可以从数组的开头移除并返回第一个元素。
const firstNumber = numbers.shift();
console.log(firstNumber); // 0
console.log(numbers); // [1, 2, 3, 4, 5]
splice()方法：splice()方法可以从数组中删除元素，也可以在指定位置插入元素。
numbers.splice(2, 2);
console.log(numbers); // [1, 2, 5]
3. 排序数组
JavaScript数组原生支持多种排序方法，包括：
sort()方法：sort()方法可以对数组中的元素进行排序。
numbers.sort();
console.log(numbers); // [1, 2, 3, 4, 5]
reverse()方法：reverse()方法可以对数组中的元素进行反转。
numbers.reverse();
console.log(numbers); // [5, 4, 3, 2, 1]
4. 搜索数组
JavaScript数组原生支持多种搜索方法，包括：
indexOf()方法：indexOf()方法可以返回数组中某个元素的索引，如果没有找到该元素，则返回-1。
const index = numbers.indexOf(3);
console.log(index); // 2
lastIndexOf()方法：lastIndexOf()方法可以返回数组中某个元素的最后一个索引，如果没有找到该元素，则返回-1。
const index = numbers.lastIndexOf(3);
console.log(index); // 2
includes()方法：includes()方法可以判断数组中是否包含某个元素，如果包含则返回true，否则返回false。
const result = numbers.includes(3);
console.log(result); // true
find()方法：find()方法可以返回数组中第一个满足指定条件的元素，如果没有找到该元素，则返回undefined。
const element = numbers.find((number) => {
return number % 2 === 0;
});
console.log(element); // 2
findIndex()方法：findIndex()方法可以返回数组中第一个满足指定条件的元素的索引，如果没有找到该元素，则返回-1。
const index = numbers.findIndex((number) => {
return number % 2 === 0;
});
console.log(index); // 1
总结
JavaScript数组原生支持多种方法，可以帮助我们轻松地遍历、操作、排序和搜索数组中的数据。掌握这些方法，可以大幅提升我们的编程效率。
