JavaScript的数组方法大全

JavaScript中的数组是一种非常强大和常用的数据结构，可以存储任何类型的数据，并且提供了很多方便的数组方法来操作数组。在本篇文章中，我们将介绍JavaScript的所有数组方法，并提供示例说明用法。

push()方法

push()方法将一个或多个元素添加到数组的末尾。

let fruits = ['apple', 'banana'];
fruits.push('orange', 'peach');
console.log(fruits); // ['apple', 'banana', 'orange', 'peach']

pop()方法

pop()方法从数组的末尾删除一个元素，并返回该元素。

let fruits = ['apple', 'banana', 'orange', 'peach'];
let lastFruit = fruits.pop();
console.log(lastFruit); // peach
console.log(fruits); // ['apple', 'banana', 'orange']

unshift()方法

unshift()方法将一个或多个元素添加到数组的开头。

let fruits = ['apple', 'banana'];
fruits.unshift('orange', 'peach');
console.log(fruits); // ['orange', 'peach', 'apple', 'banana']

shift()方法

shift()方法从数组的开头删除一个元素，并返回该元素。

let fruits = ['orange', 'peach', 'apple', 'banana'];
let firstFruit = fruits.shift();
console.log(firstFruit); // orange
console.log(fruits); // ['peach', 'apple', 'banana']

concat()方法

concat()方法将两个或多个数组合并成一个新数组。

let fruits1 = ['apple', 'banana'];
let fruits2 = ['orange', 'peach'];
let allFruits = fruits1.concat(fruits2);
console.log(allFruits); // ['apple', 'banana', 'orange', 'peach']

slice()方法

slice()方法返回一个数组的一部分，而不会更改原始数组。

let fruits = ['apple', 'banana', 'orange', 'peach'];
let citrusFruits = fruits.slice(1, 3);
console.log(citrusFruits); // ['banana', 'orange']
console.log(fruits); // ['apple', 'banana', 'orange', 'peach']

splice()方法

splice()方法从数组中添加或删除元素。

let fruits = ['apple', 'banana', 'orange', 'peach'];
fruits.splice(1, 2, 'grape', 'watermelon');
console.log(fruits); // ['apple', 'grape', 'watermelon', 'peach']

reverse()方法

reverse()方法反转数组中的元素。

let fruits = ['apple', 'banana', 'orange', 'peach'];
fruits.reverse();
console.log(fruits); // ['peach', 'orange', 'banana', 'apple']

sort()方法

sort()方法按升序给数组排序。

let fruits = ['peach', 'orange', 'apple', 'banana'];
fruits.sort();
console.log(fruits); // ['apple', 'banana', 'orange', 'peach']

indexOf()方法

indexOf()方法返回数组中第一个匹配项的索引。

let fruits = ['apple', 'banana', 'orange', 'peach'];
let index = fruits.indexOf('orange');
console.log(index); // 2

lastIndexOf()方法

lastIndexOf()方法返回数组中最后一个匹配项的索引。

let fruits = ['apple', 'banana', 'orange', 'peach', 'banana'];
let index = fruits.lastIndexOf('banana');
console.log(index); // 4

forEach()方法

forEach()方法对数组的每个元素执行指定操作。

let fruits = ['apple', 'banana', 'orange', 'peach'];
fruits.forEach(function(fruit) {
  console.log(fruit);
});

map()方法

map()方法对数组的每个元素执行指定操作，并返回一个新数组。

let numbers = [1, 2, 3, 4];
let doubled = numbers.map(function(num) {
  return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]
console.log(numbers); // [1, 2, 3, 4]

filter()方法

filter()方法返回一个包含符合条件的数组元素的新数组。

let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(function(num) {
  return num % 2 === 0;
});
console.log(evenNumbers); // [2, 4]
console.log(numbers); // [1, 2, 3, 4, 5]

reduce()方法

reduce()方法将数组中的元素归约到一个值。

let numbers = [1, 2, 3, 4, 5];
let sum = numbers.reduce(function(total, num) {
  return total + num;
}, 0);
console.log(sum); // 15
console.log(numbers); // [1, 2, 3, 4, 5]

以上就是JavaScript中所有的数组方法，希望对您有所帮助。

示例1：

let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(function(num) {
  return num % 2 === 0;
});
console.log(evenNumbers); // [2, 4]

示例2：

let fruits = ['apple', 'banana', 'orange', 'peach'];
fruits.forEach(function(fruit) {
  console.log(fruit);
});