js 数组操作之pop,push,unshift,splice,shift


在JavaScript中,数组(Array)是一种常用的数据结构,它提供了多种方法来对数组中的元素进行操作。以下是`pop`, `push`, `unshift`, `splice`, `shift`这五个方法的简要说明和示例代码:

### pop()

`pop()` 方法从数组中删除最后一个元素,并返回那个元素。此方法会改变原数组。


let fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
let lastFruit = fruits.pop(); // fruits 变为 ['Banana', 'Orange', 'Apple']
console.log(lastFruit); // 输出: Mango

### push()

`push()` 方法将一个或多个元素添加到数组的末尾,并返回新的长度。此方法会改变原数组。


let fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
fruits.push('Kiwi'); // fruits 变为 ['Banana', 'Orange', 'Apple', 'Mango', 'Kiwi']
console.log(fruits.length); // 输出: 5

### unshift()

`unshift()` 方法将一个或多个元素添加到数组的开头,并返回新的长度。此方法会改变原数组。


let fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
fruits.unshift('Lemon'); // fruits 变为 ['Lemon', 'Banana', 'Orange', 'Apple', 'Mango']
console.log(fruits.length); // 输出: 5

### splice()

`splice()` 方法通过删除现有元素和/或添加新元素来更改一个数组的内容。此方法会改变原数组。


let fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
fruits.splice(2, 1, 'Lemon', 'Kiwi'); // 从索引2的位置开始删除1个元素,并添加'Lemon'和'Kiwi'
// fruits 变为 ['Banana', 'Orange', 'Lemon', 'Kiwi', 'Mango']
console.log(fruits);

### shift()

`shift()` 方法从数组中删除第一个元素,并返回那个元素。此方法会改变原数组。


let fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
let firstFruit = fruits.shift(); // fruits 变为 ['Orange', 'Apple', 'Mango']
console.log(firstFruit); // 输出: Banana

这些方法是JavaScript中处理数组时非常有用的工具,可以帮助你实现数组元素的增加、删除和替换。