js中push(),pop(),unshift(),shift()的用法小结

1、push()、pop()和unshift()、shift()

  这两组同为对数组的操作,并且会改变数组的本身的长度及内容。

  不同的是 push()、pop() 是从数组的尾部进行增减,unshift()、shift() 是从数组的头部进行增减。

 var arr = [1, 2];

2、push()和unshift()

  向数组的 尾部/头部 添加若干元素,并返回 数组的 新长度

  arr.push(3,4);         //返回 arr 的新长度 4

  arr ;                        // arr = [1,2,3,4];

  arr.unshift(0,0.5);    // 返回 arr 的新长度 6

  arr ;                       // arr = [0,0.5,1,2,3,4];

3、pop()和shift()

  从数组的 尾部/头部 删除1个元素(删且只删除1个),并返回 被删除的元素;空数组是继续删除,不报错,但返回undefined;

  arr.pop();      //返回 4;

  arr ;          // arr = [0,0.5,1,2,3];

  arr.pop();      //返回 3;

  arr ;         // arr = [0,0.5,1,2];

  arr.shift();      // 返回 0 ;

  arr ;        // arr = [0.5,1,2]

  PS: pop()和shift() 不接受传参,即使传了参数也没什么卵用~~;

  arr.pop(3) ;           // 返回 2;永远返回最后一个;

  arr ;        // arr = [0.5,1];

  arr.shift(1);    // 返回 0.5; 永远返回第一个;

  arr ;        // arr = [1];

  arr.pop() ;     // 返回 1;

  arr ;        // arr = [];

  arr.shift()     // 返回 undefined;

  arr ;        // arr = [];

unshift() 与shift() 方法

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

<script type="text/javascript">var arr = new Array()
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"document.write(arr + "<br />")
document.write(arr.unshift("William") + "<br />")
document.write(arr)</script>

输出:

George,John,Thomas
4
William,George,John,Thomas

从数组中移除元素:

shift() 方法用于把数组的第一个元素从其中取出,并删除第一个元素

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift()

fruits结果输出:

Orange,Apple,Mango

js push(),pop(),unshift(),shift()的用法小结相关推荐

  1. “约见”面试官系列之常见面试题之第五十九篇之js中push(),pop(),unshift(),shift()的用法小结 (建议收藏)

    1.push().pop()和unshift().shift() 这两组同为对数组的操作,并且会改变数组的本身的长度及内容. 不同的是 push().pop() 是从数组的尾部进行增减,unshift ...

  2. js中push(),pop(),unshift(),shift()的用法小结

    1.push().pop()和unshift().shift() 这两组同为对数组的操作,并且会改变数组的本身的长度及内容. 不同的是 push().pop() 是从数组的尾部进行增减,unshift ...

  3. js中对数组的增删方法:push(),pop(),unshift(),shift(),splice()的用法小结

    1.push().pop()和unshift().shift() 这两组同为对数组的操作,并且会改变数组的本身的长度及内容. 不同的是 push().pop() 是从数组的尾部进行增减,unshift ...

  4. 前端js进阶之ES6 Promise(承诺)用法小结笔记、详细解释(resolve,catch,catch)历史最通俗易懂的承诺

    什么是Promise? 英文翻译:承诺! js里: Promise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有all.reject.resolve这几个方法,原型上有then.catch ...

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

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

  6. js中 数组的操作 push(),pop(),shift(),unshift() 简介

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

  7. JS学习辑录(4):push()、pop()、shift()、unshift() 方法整理

    文章目录 前言 1. push() 2.pop() 3.shift() 4.unshift() 总结 前言 在JS的使用中,经常会使用push().pop().shift().unshift(),最近 ...

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

    JS数组的push().pop().shift()和unshift()方法 堆栈和队列 栈和队列都是动态的集合,在栈中,可以去掉的元素是最近插入的那一个.栈实现了后进先出.在队列中,可以去掉的元素总是 ...

  9. JS封装数组API push,pop,shift,unshift,sort, reverse

    push(),pop(),shift(),unshift(),sort(),reverse() 1.入栈push() push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度push() 内 ...

最新文章

  1. 安装Team Services Agent Win7
  2. FlashFTP工具的自动缓存服务器目录的功能
  3. 使用iOS原生sqlite3框架对sqlite数据库进行操作
  4. oracle 导数据报exp00058_一文看懂oracle12c数据库跨小版本迁移
  5. python 并行计算库_Python 大规模数据存储与读取、并行计算:Dask库简述
  6. [转载] 你真的会用 Java 中的三目运算符吗
  7. java多态和泛型_Java面向对象(二) 接口、多态和泛型
  8. 国产主可控的嵌入式仿真测试软件SkyEye与可信编译器L2C的核心翻译介绍
  9. 暑期训练日志----2018.8.12
  10. Sharding-JDBC简介_Sharding-Sphere,Sharding-JDBC分布式_分库分表工作笔记006
  11. java解析xml文件
  12. Echarts鼠标悬浮样式
  13. C++ 从入门到入土(English Version) Section 2:Computer Memory and Number Systems
  14. ubuntu mysql远程连接
  15. dixon matlab,磁共振Dixon技术原理及初代算法解析
  16. 计算机vb代码电阻,利用VB程序编写色环电阻阻值计算器
  17. 码流、码率、比特率、帧速率、分辨率、 高清的区别 基础知识
  18. Unity【Live Capture】- 关于人脸捕捉的解决方案(一)
  19. html 的scor属性,html – 什么是css scroll-behavior属性?
  20. 解析HTTP协议六种请求方法

热门文章

  1. Service与AIDL详解
  2. Python深入04 闭包
  3. gitlab 钩子 php,gitlab通过webhook.php自动部署标签
  4. java getcolormodel_Java ColorModel.getTransparency方法代碼示例
  5. Design Pattern - Bridge(C#)
  6. createinstance.java_C# Activator.CreateInstance()方法使用
  7. vc mysql utf8_C/C++ 连接 MySQL (VC 版)
  8. proc文件系统编程
  9. 四位先行进位电路逻辑表达式_如何用基本的逻辑门设计32bit的超前进位加法器?...
  10. linux内核主要功能模块不包括,嵌入式linux(贺丹丹等编著)课后习题答案