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

unshift()方法

unshift()方法是向数组的开头添加一个或多个元素,并且返回新的长度。

var arr = []; //创建一个空的数组
console.log(arr); // []
console.log("入队"); // 入队
arr.unshift(1,2,3,4); // 将1,2,3,4推入到数组arr
console.log(arr); // [1,2,3,4]
console.log(arr.length); // 4

shift()方法

shift()方法和unshift()方法恰恰相反。该方法用于把数组的第一个元素从其中删除,并返回被删除的值。如果数组是空的,shift()方法将不进行任何操作,返回undefined的值。

var arr = [1,2,3,4]; // 创建一个数组
console.log(arr); // [1,2,3,4]
arr.shift(); // 取得第一项
console.log(arr); // [2,3,4]
arr.shift(); // 取得第一项
console.log(arr); // [3,4]
arr.shift(); // 取得第一项
console.log(arr); // [4]
arr.shift(); // 取得第一项
console.log(arr); // []

push()方法

该方法是向数组末尾添加一个或者多个元素,并返回新的长度。

push()方法可以接收任意数量的参数,把它们逐个添加到数组的末尾,并返回修改后数组的长度。如:

var arr = []; //创建一个空数组
console.log(arr); // []
console.log("入栈"); // 入栈
arr.push(1); // 将1添加到数组arr中
console.log(arr); // [1]
arr.push(2); //将2添加到数组arr中
console.log(arr); //[1,2]
arr.push([3,4]); // 将数组[3,4]添加到arr中
console.log(arr); // [1,2,[3,4]]
console.log(arr.length); // 3

pop()方法

pop()方法刚好和push()方法相反。pop()方法删除数组的最后一个元素,把数组的长度减1,并且返回它被删除元素的值,如果数组变为空,则该方法不改变数组,返回undefine值。如下代码演示:

var arr = [1,2,3,4]; //创建一个数组
console.log(arr); // [1,2,3,4]
console.log(arr.length); // 4
console.log("出栈,后进先出"); // 出栈,后进先出
arr.pop();
console.log(arr); //  // [1,2,3]
arr.pop();
console.log(arr); // [1,2]
arr.pop();
console.log(arr); // [1]
arr.pop();
console.log(arr); // []

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

  1. js数组操作(push,pop,shift,unshift,slice,splice,concat,sort)

    js中针对数组操作的方法还是比较多的,今天突然想到来总结一下,也算是温故而知新吧.不过不会针对每个方法进行讲解,我只是选择其中的一些来讲. 首先来讲一下push和pop方法,这两个方法只会对数组从尾部 ...

  2. js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip

    js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip push()函数用于向当前数组的添加一个或多个元素,并返回新的数组长度.新的元素将会 ...

  3. vue2实现数组push/pop/shift/unshift方法重写

    // 获取数组原型 const orginalPrototype = Array.prototype// 备份用来重新操作 const arrPrototype = Object.create(org ...

  4. java数组如何pop_Js数组的操作push,pop,shift,unshift等方法详细介绍

    js中针对数组操作的方法还是比较多的,今天突然想到来总结一下,也算是温故而知新吧.不过不会针对每个方法进行讲解,我只是选择其中的一些来讲. 首先来讲一下push和pop方法,这两个方法只会对数组从尾部 ...

  5. push计算机语言,数组的操作push,pop,shift,unshift详解

    JS中的数组提供了四个操作,以便让我们实现队列与堆栈! 小理论: 队列:先进先出 堆栈:后进先出 实现队列的方法: shift:从集合中把第一个元素删除,并返回这个元素的值. unshift: 在集合 ...

  6. javascript学习之数组的使用一 push pop shift unshift 方法

    push() 向数组的末尾添加一个或多个元素,返回数组的当前长度 pop() 从数组的末尾删除一个元素,返回删除的元素的值 unshift() 向数组的前端添加一个或多个元素,返回数组的当前长度 sh ...

  7. TS实现原生数组方法之pop()、push()、shift()、unshift()

    /*** pop(): 从数组中删除最后一个元素,并返回该元素的值,改变原数组.* push(): 将一个或多个元素添加到数组的末尾,并返回该数组的新长度,改变原数组.* shift(): 从数组中删 ...

  8. js 数组操作的push pop shift unshift 等方法

    1.push()方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度. var arr = [1,2,3,4,5] arr.push(6)//添加一个元素 arr.push(7,8)//可以一次 ...

  9. Perl 数组应用详解(push, pop, shift, unshift)

    Perl的数组操作有四大常用函数: push:从数组的末尾加入元素. pop :从数组的末尾取出元素 shift: 从数组的开头取出元素 unshift:从数组的开头加入元素 1.push #!/us ...

  10. vue之push() pop() shift() unshift() splice() sort() reverse()等等

    一.变更方法 Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新 push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度. let arr = ['a', 'b', ' ...

最新文章

  1. boost::histogram::detail::tuple_slice用法的测试程序
  2. CRC-16校验C#代码
  3. 黄文俊:Serverless小程序后端技术分享
  4. 文件共享服务器灾备,搭建容灾性强、可管理的的文件共享服务器-windows server 2008 DFS续...
  5. Web Components系列(七) ——自定义组件的生命周期
  6. 虚拟化平台就在你身边-ARM架构虚拟化扩展, 以及SMMU对虚拟化等解决方案的重要性(白皮书 2010)
  7. 《不只是美:信息图表设计原理与经典案例》—— 2.2 数据的展示形式
  8. 26-TeamBuilding-团队建设
  9. HTML+CSS学习——奥运五环代码
  10. Erlang之ETS,DETS入门
  11. IMO 开放平台单点登录
  12. app推广渠道数据统计
  13. 【HenCoder】HTTPS 为什么是安全的
  14. 手机端通过软件Es文件浏览器访问Linux服务器文件(局域网或远程服务器)
  15. 全方位揭秘!大数据从0到1的完美落地之大数据简介
  16. (Winserver 2019) Hyper-V的安装与使用教程
  17. Flash设置(各种版本浏览器包括低版本IE)
  18. mac kendryte使用model-cmpiler运行kpu-demo
  19. Ubuntu设置Stunnel客户端
  20. 英语语法学习6 -- 代词

热门文章

  1. 简历包装被公司查出来了。。。
  2. 求介绍一款实用的工作任务管理软件,具有进度管理、自动提醒等功能?谢谢
  3. 【FastDFS】如何打造一款高可用的分布式文件系统?这次我明白了!!
  4. Vondrak滤波及测试(python)
  5. 手把手教你扩展个人微信号(1)
  6. 周鸿祎:微创新要极端一点
  7. SOD领域RGBD算法-训练集设置
  8. php pdo基础增删改查 postgresql的主键自增设置 time()
  9. 剑指offer面试题(21-30)——java实现
  10. python换零钱_322.零钱兑换-python