📜  js unshift vs push - Javascript(1)

📅  最后修改于: 2023-12-03 15:16:59.507000             🧑  作者: Mango

JavaScript中的unshift和push

在JavaScript中,unshift()和push()是操作数组的两种常见方法。他们都可以在数组的开头或末尾添加元素,但是它们之间有一些重要的区别。在本文中,我们将深入了解这两种方法。

unshift()方法

unshift()方法向数组的开头添加一个或多个元素,并将所有现有元素向右移动以便为新元素腾出空间。

语法
arr.unshift(element1, ..., elementN)
参数
  • element1, ..., elementN:要添加到数组开头的元素。
返回值

unshift()方法返回添加新元素后的新数组长度。

示例
const arr = [4, 5, 6];
arr.unshift(1, 2, 3);

console.log(arr); // [1, 2, 3, 4, 5, 6]
push()方法

unshift()相反,push()方法向数组的末尾添加一个或多个元素。

语法
arr.push(element1, ..., elementN)
参数
  • element1, ..., elementN:要添加到数组末尾的元素。
返回值

push()方法返回添加新元素后的新数组长度。

示例
const arr = [1, 2, 3];
arr.push(4, 5, 6);

console.log(arr); // [1, 2, 3, 4, 5, 6]
区别
  • unshift()方法添加元素到数组的开头,而push()方法添加元素到数组的末尾。
  • unshift()方法会改变原数组,而push()方法也会改变原数组。
  • unshift()方法返回添加新元素后的新数组长度,而push()方法同样返回添加新元素后的新数组长度。
总结

在JavaScript中,unshift()方法和push()方法是操作数组增加元素的两种常见方法。我们需要根据具体的场景来使用它们。

若要在数组开头添加一个或多个元素,应选择unshift()方法;若要在数组末尾添加一个或多个元素,应选择push()方法。

同时,我们需要注意这两种方法都会改变原数组。此外,它们都返回添加新元素后的新数组长度。