push()，pop()，shift()，unshift()有什么区别

最新推荐文章于 2025-07-19 14:02:31 发布

原创最新推荐文章于 2025-07-19 14:02:31 发布 · 580 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

web前端

当前文章被收录于：

web前端

23 篇文章 2 人学习

订阅专栏查看详情

javascript

当前文章被收录于：

javascript

20 篇文章 0 人学习

订阅专栏查看详情

vue

当前文章被收录于：

vue

6 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文详细介绍了JavaScript中数组的四种常用操作方法：push()、pop()、shift() 和 unshift()。包括每种方法的功能、使用场景及示例代码，帮助读者更好地理解和掌握这些基本操作。

项目中遇到需要数组插入的情况，简单列一下区别。

push()

在数组的末尾添加一个或多个元素并返回数组新长度。

var arr = new Array();
var Arr = arr.push("son","father");
console.log(Arr); //2
Arr = arr.push("mother"); //把指定值添加到数组后的新长度
console.log(Arr) //3 length
console.log(Arr.length);//undefined
console.log(typeof Arr); //number

pop()

移除数组的最后一项，返回移除的项，数组长度-1

var arr = new Array();
var Arr = arr.push("son","father");
var item = arr.pop("mother"); // mother
console.log(item); //返回的是mother,返回值是返回被删除项的本身
console.log(typeof item); //string类型

shift()

移除数组的第一项，返回移除项

var arr = new Array();
var Arr = arr.push("son","father");
var data = arr.shift(); //移除数组中的第一个元素，并返回该元素， 原数组长度减1
console.log(data); // {“father”}

unshift()

在数组的第一项前面添加一个或多个元素，返回数组的长度

var arr = new Array();
var Arr = arr.push("son","father");
var family = arr.unshift("son","mother","grandfather"); //在数组的前端加上对应的参数 并返回该数组的长度
console.log(family); //4
console.log(arr); //["son", "mother", "grandfather","father"] 在第一项前面添加，以unshift()第一项为准