返回

向JS高手进阶！必备的数组操作指南：push()、unshift()、pop()、shift()

前端

在JavaScript中，数组是一种非常常用的数据结构，它可以存储一系列元素，并且可以对这些元素进行各种操作。其中，push()、unshift()、pop()和shift()这四个数组操作方法是JavaScript数组中最常用的方法之一。

  • push()方法 ：push()方法可以向数组的末尾添加一个或多个元素，并且返回添加后的数组的长度。例如：
const arr = [1, 2, 3];
arr.push(4, 5);
console.log(arr); // [1, 2, 3, 4, 5]
  • unshift()方法 ：unshift()方法可以向数组的开头添加一个或多个元素，并且返回添加后的数组的长度。例如：
const arr = [1, 2, 3];
arr.unshift(0, -1);
console.log(arr); // [-1, 0, 1, 2, 3]
  • pop()方法 ：pop()方法可以从数组的末尾移除最后一个元素，并且返回移除的元素。例如：
const arr = [1, 2, 3];
const lastElement = arr.pop();
console.log(arr); // [1, 2]
console.log(lastElement); // 3
  • shift()方法 ：shift()方法可以从数组的开头移除第一个元素，并且返回移除的元素。例如：
const arr = [1, 2, 3];
const firstElement = arr.shift();
console.log(arr); // [2, 3]
console.log(firstElement); // 1

这四个数组操作方法都是非常常用的，掌握它们可以让你更好地使用JavaScript数组。

使用场景

  • push()和unshift()方法 ：这两个方法通常用于向数组中添加元素。例如，你可以使用push()方法向数组中添加一个新元素，或者使用unshift()方法向数组中添加多个元素。
  • pop()和shift()方法 ：这两个方法通常用于从数组中移除元素。例如，你可以使用pop()方法从数组中移除最后一个元素，或者使用shift()方法从数组中移除第一个元素。

注意事项

  • push()和unshift()方法 ：这两个方法都会改变数组的长度。
  • pop()和shift()方法 ：这两个方法都会返回被移除的元素。
  • 使用shift()方法时 ，如果数组为空，则会返回undefined。

扩展阅读