返回

Push, Pop, Shift 与 Unshift:数组操作指南

前端

一、Push:向数组尾部添加元素

push() 方法用于向数组的尾部添加一个或多个元素。其语法格式为:

array.push(element1, element2, ..., elementN);

push() 方法的返回值是修改后的数组的长度。换句话说,它返回的是数组中元素的总数,包括新添加的元素。

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

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

二、Pop:从数组尾部删除元素

pop() 方法用于从数组的尾部删除最后一个元素。其语法格式为:

array.pop();

pop() 方法的返回值是删除的元素。如果数组为空,则返回 undefined。

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

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

三、Shift:从数组头部删除元素

shift() 方法用于从数组的头部删除第一个元素。其语法格式为:

array.shift();

shift() 方法的返回值是删除的元素。如果数组为空,则返回 undefined。

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

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

四、Unshift:向数组头部添加元素

unshift() 方法用于向数组的头部添加一个或多个元素。其语法格式为:

array.unshift(element1, element2, ..., elementN);

unshift() 方法的返回值是修改后的数组的长度。换句话说,它返回的是数组中元素的总数,包括新添加的元素。

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

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

总结

push() 和 unshift() 方法用于向数组中添加元素,而 pop() 和 shift() 方法用于从数组中删除元素。push() 和 unshift() 方法的返回值是修改后的数组的长度,而 pop() 和 shift() 方法的返回值是删除的元素。