JavaScript中数组的基础方法有 push、pop、unshift、shift

一、push 方法

1.1 基础概念

push() 方法是 JavaScript 数组对象的一个内置方法，用于将一个或多个元素添加到数组的末尾，并返回新数组的长度。该方法会直接修改原数组。

1.2 语法

array.push(newElement1, newElement2, ..., newElementN);
其中，array 是要操作的数组，newElement1, newElement2, ..., newElementN 是要添加到数组末尾的元素。

1.3 简单示例

// 创建一个数组
let numbers = [10, 20, 30];
// 使用 push 方法将数字 40 添加到数组末尾，并返回新数组的长度
const length = numbers.push(40);
console.log(length); // 输出: 4
console.log(numbers); // 输出: [10, 20, 30, 40]

二、pop 方法

2.1 基础概念

pop() 方法用于从数组中移除最后一个元素，并返回移除的元素。该方法会直接修改原数组，使其长度减 1。如果数组为空，pop() 将返回 undefined。

2.2 语法

array.pop();
其中，array 是要操作的数组。

2.3 简单示例

// 创建一个数组
let fruits = ['apple', 'banana', 'orange'];
// 使用 pop 方法移除数组的最后一个元素，并返回该元素
const lastFruit = fruits.pop();
console.log(lastFruit); // 输出: 'orange'
console.log(fruits); // 输出: ['apple', 'banana']
 

三、unshift 方法

3.1 基础概念

unshift() 方法用于向数组的开头添加一个或多个元素，并返回新数组的长度。该方法会直接修改原数组，将已经存在的元素顺次地移到较高的下标处，以便留出空间。

3.2 语法

array.unshift(newElement1, newElement2, ..., newElementN);
其中，array 是要操作的数组，newElement1, newElement2, ..., newElementN 是要添加到数组开头的元素。

3.3 简单示例

// 创建一个数组
let arr = ['张三', '李四', '王五'];
// 使用 unshift 方法向数组开头添加元素，并返回新数组的长度
const count = arr.unshift('赵六', '小明');
console.log(count); // 输出: 5
console.log(arr); // 输出: ['赵六', '小明', '张三', '李四', '王五']
 

四、shift 方法

4.1 基础概念

shift() 方法用于移除并返回数组的第一个元素，同时数组长度减 1。当执行 shift() 操作时，数组中的所有元素都会向前移动一位来填补被移除元素留下的空位。

4.2 语法

array.shift();
其中，array 是要操作的数组。

4.3 简单示例

// 创建一个数组
let fruits = ['apple', 'banana', 'orange'];
// 使用 shift 方法移除数组的第一个元素，并返回该元素
const firstFruit = fruits.shift();
console.log(firstFruit); // 输出: 'apple'
console.log(fruits); // 输出: ['banana', 'orange']
 

五、总结

push、pop、unshift、shift 这四个方法是 JavaScript 数组中常用的操作方法，它们可以方便地对数组的开头和末尾进行元素的添加和删除操作。在使用这些方法时，需要注意它们会直接修改原数组，并且不同方法的性能特点也有所不同。通过合理运用这些方法，可以更加高效地处理数组数据。