数组的push()、pop()、shift()和unshift()方法

2024-06-03 08:53:44

JavaScript的数组是一个拥有堆栈和队列自身优点的global对象。也就是说JavaScript数组可以表现的像栈(LIFO)和队列(FIFO)一样操作。这也是JavaScript数组强大的可操作性的体现。

堆栈和队列

栈和队列都是动态的集合，在栈中，可以去掉的元素是最近插入的那一个。栈实现了后进先出。在队列中，可以去掉的元素总是在集合中存在的时间最长的那一个。队列实现了先进先出的策略。

堆栈的基本概念

先上张图：

ECMAScript为数组专门提供了 shift() 和 unshift() 方法，以便实现类似队列的行为。由于 push() 是向数组末端添加数组项的方法，因此要模拟队列只需一个从数组前端取得数组项的方法。实现这一操作的数组方法就是 shift() ，它能够移除数组中的第一个项并返回该项，同时将数组长度减1。

顾名思义， unshift() 与 shift() 的用途相反：它能在数组前端添加任意个数组项并返回新数组的长度。因此，同时使用 unshift() 和 pop() 方法，可以从相反的方向来模拟队列，即在数组的前端添加数组项，从数组末端移除数组项。

简单得回忆一下：

push()方法可以在数组的末属添加一个或多个元素
shift()方法把数组中的第一个元素删除
unshift()方法可以在数组的前端添加一个或多个元素
pop()方法把数组中的最后一个元素删除

实现类似栈的行为

将push()和pop()结合在一起，我们就可以实现类似栈的行为：

在Chrome浏览器控制台输出的效果如下图所示：

实现类似队列的行为

将shift()和push()方法结合在一起，可以像使用队列一样使用数组。即在数组的后端添加项，从数组的前端移除项：

在Chrome浏览器控制台输出的效果如下图所示：

除此之外，还可以同时使用unshift()和pop()方法，从相反的方向来模拟队列，即在数组的前端添加项，从数组的后端移除项。如下面的示例所示：

在Chrome浏览器控制台输出的效果如下图所示：

数组的push()、pop()、shift()和unshift()方法相关推荐

js数组操作(push,pop,shift,unshift,slice,splice,concat,sort)
js中针对数组操作的方法还是比较多的,今天突然想到来总结一下,也算是温故而知新吧.不过不会针对每个方法进行讲解,我只是选择其中的一些来讲. 首先来讲一下push和pop方法,这两个方法只会对数组从尾部 ...
java 数组 push pop_JavaScript学习笔记：数组的push()、pop()、shift()和unshift()方法
JavaScript是一种弱类型语言,不像其它程序语言需要严格定义数据类型.在JavaScript中数组可以任意修改变动,这样也就出现了一个问题,如果边遍历数组边操作数组(比如删除当前项,则所有之后的 ...
JS数组的push()、pop()、shift()和unshift()方法
JS数组的push().pop().shift()和unshift()方法堆栈和队列栈和队列都是动态的集合,在栈中,可以去掉的元素是最近插入的那一个.栈实现了后进先出.在队列中,可以去掉的元素总是 ...
详解数组的push()、pop()、shift()和unshift()方法
数组的push.pop.shift和unshift方法堆栈和队列堆栈实现类似栈的行为队列实现类似队列的行为 JavaScript的数组是一个拥有堆栈和队列自身优点的global对象.也就是说 ...
vue2实现数组push/pop/shift/unshift方法重写
// 获取数组原型 const orginalPrototype = Array.prototype// 备份用来重新操作 const arrPrototype = Object.create(org ...
push计算机语言,数组的操作push,pop,shift,unshift详解
JS中的数组提供了四个操作,以便让我们实现队列与堆栈! 小理论: 队列:先进先出堆栈:后进先出实现队列的方法: shift:从集合中把第一个元素删除,并返回这个元素的值. unshift: 在集合 ...
js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip
js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip push()函数用于向当前数组的添加一个或多个元素,并返回新的数组长度.新的元素将会 ...
arr的push,pop,slice.....各种使用方法详细介绍
arr的push,pop,slice-各种使用方法 arr.push(); 向数组的末尾追加元素会修改原数组返回值:修改后的length值可以追加多个 arr[1,2,3]; arr1[4,5, ...
java数组如何pop_Js数组的操作push,pop,shift,unshift等方法详细介绍
js中针对数组操作的方法还是比较多的,今天突然想到来总结一下,也算是温故而知新吧.不过不会针对每个方法进行讲解,我只是选择其中的一些来讲. 首先来讲一下push和pop方法,这两个方法只会对数组从尾部 ...

最新文章

热门文章