返回

在掌握 Array 方法后整理数组就是这么轻松！

前端

Array 方法简介

Array 方法是一组用于操作数组的内置函数。这些方法可以帮助您轻松地添加、删除、排序、搜索和操作数组中的元素。

常用 Array 方法

1. join()

join() 方法将数组中的所有元素连接成一个字符串。您可以指定一个分隔符来分隔元素。例如，以下代码将数组中的所有元素连接成一个字符串，并用逗号分隔：

const numbers = [1, 2, 3];
const joinedString = numbers.join(',');

console.log(joinedString); // "1,2,3"

2. concat()

concat() 方法将两个数组连接成一个新的数组。您可以传递多个数组作为参数。例如，以下代码将两个数组连接成一个新的数组：

const numbers1 = [1, 2, 3];
const numbers2 = [4, 5, 6];
const combinedArray = numbers1.concat(numbers2);

console.log(combinedArray); // [1, 2, 3, 4, 5, 6]

3. map()

map() 方法对数组中的每个元素执行一个指定的函数，并返回一个新的数组。新数组的每个元素都是原数组中相应元素经过指定函数处理后的结果。例如，以下代码使用 map() 方法将数组中的每个元素平方：

const numbers = [1, 2, 3];
const squaredNumbers = numbers.map(number => number * number);

console.log(squaredNumbers); // [1, 4, 9]

4. slice()

slice() 方法返回数组中的一段元素。您可以指定起始索引和结束索引。如果未指定结束索引，则返回从起始索引到数组末尾的所有元素。例如，以下代码返回数组中从索引 1 到索引 3 的元素：

const numbers = [1, 2, 3, 4, 5];
const slicedArray = numbers.slice(1, 3);

console.log(slicedArray); // [2, 3]

5. sort()

sort() 方法对数组中的元素进行排序。您可以指定一个比较函数来比较元素。如果未指定比较函数，则使用默认的比较函数，该函数将字符串按字母顺序排序，将数字按升序排序。例如，以下代码对数组中的元素进行升序排序：

const numbers = [1, 5, 3, 2, 4];
const sortedNumbers = numbers.sort();

console.log(sortedNumbers); // [1, 2, 3, 4, 5]

6. reverse()

reverse() 方法颠倒数组中的元素顺序。例如，以下代码颠倒数组中的元素顺序：

const numbers = [1, 2, 3, 4, 5];
const reversedNumbers = numbers.reverse();

console.log(reversedNumbers); // [5, 4, 3, 2, 1]

7. pop()

pop() 方法从数组的末尾删除最后一个元素并返回该元素。例如，以下代码从数组的末尾删除最后一个元素并返回该元素：

const numbers = [1, 2, 3, 4, 5];
const poppedElement = numbers.pop();

console.log(poppedElement); // 5
console.log(numbers); // [1, 2, 3, 4]

8. push()

push() 方法向数组的末尾添加一个或多个元素。您可以传递多个元素作为参数。例如，以下代码向数组的末尾添加两个元素：

const numbers = [1, 2, 3, 4];
numbers.push(5, 6);

console.log(numbers); // [1, 2, 3, 4, 5, 6]

9. shift()

shift() 方法从数组的开头删除第一个元素并返回该元素。例如，以下代码从数组的开头删除第一个元素并返回该元素：

const numbers = [1, 2, 3, 4, 5];
const shiftedElement = numbers.shift();

console.log(shiftedElement); // 1
console.log(numbers); // [2, 3, 4, 5]

10. unshift()

unshift() 方法向数组的开头添加一个或多个元素。您可以传递多个元素作为参数。例如，以下代码向数组的开头添加两个元素：

const numbers = [1, 2, 3, 4];
numbers.unshift(0, -1);

console.log(numbers); // [0, -1, 1, 2, 3, 4]

11. splice()

splice() 方法可以从数组中添加、删除或替换元素。您可以指定起始索引、要删除的元素数量和要添加的元素。例如，以下代码从数组中删除索引 2 到索引 4 的元素，并添加两个元素：

const numbers = [1, 2, 3, 4, 5];
numbers.splice(2, 2, 6, 7);

console.log(numbers); // [1, 2, 6, 7, 5]

12. includes()

includes() 方法检查数组中是否包含一个指定元素。如果找到该元素，则返回 true；否则，返回 false。例如，以下代码检查数组中是否包含元素 3：

const numbers = [1, 2, 3, 4, 5];
const result = numbers.includes(3);

console.log(result); // true

13. indexOf()

indexOf() 方法返回数组中指定元素的索引。如果未找到该元素，则返回 -1。例如，以下代码返回数组中元素 3 的索引：

const numbers = [1, 2, 3, 4, 5];
const index = numbers.indexOf(3);

console.log(index); // 2

14. findIndex()

findIndex() 方法返回数组中第一个满足指定条件的元素的索引。如果未找到满足条件的元素，则返回 -1。例如，以下代码返回数组中第一个大于 3 的元素的索引：

const numbers = [1, 2, 3, 4, 5];
const index = numbers.findIndex(number => number > 3);

console.log(index); // 3

总结

Array 方法是操作数组的有力工具。通过了解和应用这些方法，您可以轻松地处理各种数组相关的任务。