JS数组的常用10种方法详解

在JavaScript编程中，数组是一种十分常见的数据结构。JS数组提供了丰富的API供我们操作和处理数组，今天我们来详细讲解一下JS数组的常用10种方法。

1. push()

arr.push(item1, item2, ..., itemX)

push()方法在数组的末尾添加一个或多个元素，并返回数组的新长度。例如：

let fruits = ['apple', 'banana'];
let length = fruits.push('orange', 'pear');
console.log(fruits); // ["apple", "banana", "orange", "pear"]
console.log(length); // 4

2. pop()

arr.pop()

pop()方法删除并返回数组的最后一个元素。例如：

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

3. unshift()

arr.unshift(item1, item2, ..., itemX)

unshift()方法在数组的开头添加一个或多个元素，并返回数组的新长度。例如：

let fruits = ['apple', 'banana'];
let length = fruits.unshift('orange', 'pear');
console.log(fruits); // ["orange", "pear", "apple", "banana"]
console.log(length); // 4

4. shift()

arr.shift()

shift()方法删除并返回数组的第一个元素。例如：

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

5. splice()

arr.splice(index, howMany, item1, ..., itemX)

splice()方法用于删除或添加数组中的元素，返回被删除元素的数组。例如，删除一个元素：

let fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1);
console.log(fruits); // ["apple", "orange"]

或者插入一个元素：

let fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 0, 'pear');
console.log(fruits); // ["apple", "pear", "banana", "orange"]

6. slice()

arr.slice(begin, end)

slice()方法用于截取数组的一部分，返回一个新的数组。例如，截取第二个和第三个元素：

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

7. concat()

arr.concat(arr1, arr2, ..., arrX)

concat()方法用于将两个或多个数组合并为一个新数组。例如：

let fruits = ['apple', 'banana'];
let moreFruits = ['orange', 'pear'];
let allFruits = fruits.concat(moreFruits);
console.log(allFruits); // ["apple", "banana", "orange", "pear"]

8. indexOf()

arr.indexOf(searchElement[, fromIndex])

indexOf()方法返回数组中指定元素的第一个索引。如果不存在，则返回-1。例如：

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

9. lastIndexOf()

arr.lastIndexOf(searchElement[, fromIndex])

lastIndexOf()方法返回数组中指定元素的最后一个索引。如果不存在，则返回-1。例如：

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

10. join()

arr.join([separator])

join()方法将数组中的所有元素转换为一个字符串，并返回这个字符串。例如：

let fruits = ['apple', 'banana', 'orange'];
let fruitsString = fruits.join(', ');
console.log(fruitsString); // "apple, banana, orange"

至此，我们就详细讲解了JS数组的常用10种方法。

示例说明：

示例1：

let fruits = ['apple', 'banana'];
let length = fruits.push('orange', 'pear');
console.log(fruits); // ["apple", "banana", "orange", "pear"]
console.log(length); // 4

在示例1中，我们使用了push()方法向fruits数组中添加两个新的元素。最后打印出了新的fruits数组和新数组的长度。

示例2：

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

在示例2中，我们使用了lastIndexOf()方法找到最后一个'banana'元素所处的下标索引。最后打印出该下标索引。