JavaScript数组有许多常用的方法，每种方法都有其特定的用途和作用。以下是一些最常用的JavaScript数组方法及其代码演示。
1. push() 和 pop()
push() 方法用于在数组的末尾添加一个或多个元素，并返回数组的新长度。pop() 方法用于移除数组的最后一个元素，并返回该元素。
let fruits = ['apple', 'banana'];
fruits.push('orange'); // ['apple', 'banana', 'orange']
console.log(fruits); // Output: ['apple', 'banana', 'orange']
let lastFruit = fruits.pop(); // 'orange'
console.log(fruits); // Output: ['apple', 'banana']
console.log(lastFruit); // Output: 'orange'
2. shift() 和 unshift()
shift() 方法用于移除数组的第一个元素，并返回该元素。unshift() 方法用于在数组的开头添加一个或多个元素，并返回数组的新长度。
let colors = ['red', 'green', 'blue'];
let firstColor = colors.shift(); // 'red'
console.log(colors); // Output: ['green', 'blue']
console.log(firstColor); // Output: 'red'
colors.unshift('yellow'); // ['yellow', 'green', 'blue']
console.log(colors); // Output: ['yellow', 'green', 'blue']
3. slice()
slice() 方法返回一个新的数组对象，这一对象是一个从原数组中选定的部分浅拷贝（从 start 到 end，但不包括 end）。
let numbers = [1, 2, 3, 4, 5];
let slicedNumbers = numbers.slice(1, 3); // [2, 3]
console.log(slicedNumbers); // Output: [2, 3]
console.log(numbers); // Output: [1, 2, 3, 4, 5]
4. splice()
splice() 方法通过删除现有元素和/或添加新元素来更改一个数组的内容。
let animals = ['dog', 'cat', 'rabbit'];
animals.splice(1, 1, 'elephant'); // ['dog', 'elephant', 'rabbit']
console.log(animals); // Output: ['dog', 'elephant', 'rabbit']
5. forEach()
forEach() 方法对数组的每个元素执行一次提供的函数。
let letters = ['a', 'b', 'c'];
letters.forEach(letter => {
console.log(letter);
});
// Output:
// a
// b
// c
6. map()
map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
let numbers = [1, 2, 3];
let doubledNumbers = numbers.map(num => num * 2);
console.log(doubledNumbers); // Output: [2, 4, 6]
7. filter()
filter() 方法创建一个新数组，其中包含所有通过所提供函数实现的测试的元素。
let scores = [10, 20, 30, 40, 50];
let highScores = scores.filter(score => score >= 30);
console.log(highScores); // Output: [30, 40, 50]
8. reduce()
reduce() 方法对数组中的每个元素执行一个提供的 reducer 函数（升序执行），将其结果汇总为单个返回值。
let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // Output: 10
9. find()
find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。
let people = [{
name: 'John', age: 25}, {
name: 'Jane', age: 30}];
let person = people.find(person => person.age === 30);
console.log(person); // Output: {name: 'Jane', age: 30}
10. findIndex()
findIndex() 方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回 -1。
let people = [{
name: 'John', age: 25}, {
name: 'Jane', age: 30}];
let index = people.findIndex(person => person.age === 30);
console.log(index); // Output: 1
11. includes()
includes() 方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回 false。
let fruits = ['apple', 'banana', 'orange'];
let hasBanana = fruits.includes('banana');
console.log(hasBanana); // Output: true
12. sort()
sort() 方法用原地算法对数组的元素进行排序，并返回数组。默认排序顺序是在将元素转换为字符串之后比较它们的 UTF-16 代码单元值序列。
let numbers = [3, 1, 4, 1, 5, 9];
numbers.sort((a, b) => a - b);
console.log(numbers); // Output: [1, 1, 3, 4, 5, 9]
13. concat()
concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。
let array1 = [1, 2, 3];
let array2 = [4, 5, 6];
let combinedArray = array1.concat(array2);
console.log(combinedArray); // Output: [1, 2, 3, 4, 5, 6]
14. join()
join() 方法将数组中的所有元素连接成一个字符串，并返回这个字符串。
let elements = ['Fire', 'Air', 'Water'];
let joinedString = elements.join('-');
console.log(joinedString); // Output: 'Fire-Air-Water'
15. every()
every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。
let numbers = [2, 4, 6];
let allEven = numbers.every(num => num % 2 === 0);
console.log(allEven); // Output: true
16. some()
some() 方法测试数组中的某些元素是否通过由提供的函数实现的测试。它返回一个布尔值。
let numbers = [1, 2, 3, 4, 5];
let hasEven = numbers.some(num => num % 2 === 0);
console.log(hasEven); // Output: true
通过使用这些数组方法，可以更方便、高效地操作和处理数组数据，使代码更加简洁、可读性更强。
