其实还有一个方法push,应该放在一起说的,问题是他跟concat跑了,那只剩下这哥仨了。

  • pop:pop()方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。
    捎带一下push,push是在数组当中最后存入参数当中传递过来的元素,而pop恰好相反,删除数组当中最后一个元素。
    似乎没什么好说的,而且方法本身,也不需要任何参数,其返回值是从数组中删除的元素(当数组为空时返回undefined)。
    需要注意的是他会改变元素长度。好吧,我们开始重构吧!

    function pop (arr) {
    if (!(arr instanceof Array)) throw new Error("请确保参数类型为数组")
    var el;
    if (arr.length > 0) {
    el = arr[arr.length - 1]
    arr.length = arr.length - 1
    }
    return el
    }
  • shift:shift() 方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。
    shift真可以算作pop的兄弟方法了,pop删除的是最后一个元素,而shift删除的是第一个元素。其他所有要求和用法都完全一致的。使用shift时也不需要任何参数,而其返回值是从数组中删除的元素(当数组为空时返回undefined)。只不过该值是数组当中的第一个。
    还是直接上重构的代码吧!
    function shift (arr) {
    if (!(arr instanceof Array)) throw new Error("请确保参数类型为数组")
    var el;
    if (arr.length > 0) {
    el = arr[0]
    for (var i = 0; i < arr.length - 1; i++) {
    arr[i] = arr[i + 1]
    }
    arr.length = arr.length - 1
    }
    return el
    }

    与pop非常类似,多做的一步是,删除了第一个元素之后,需要把后面的所有元素前移,然后再将数组长度减小。
    既然第一个元素可以被删除,那么肯定也可以添加元素到第一位。

  • unshift:unshift() 方法将一个或多个元素添加到数组的开头,并返回该数组的新长度。
    看定义,是不是跟push很像,只不过他是添加到元素开头。
    既然添加元素,那么参数就必不可少了。
    arr.unshift(element1, ..., elementN)

    注意他修改的数组本身,而返回值是数组长度。有push方法在前,unshift就好理解的多了。
    直接重构吧!

    function unshift (arr) {
    if (!(arr instanceof Array)) throw new Error("请确保第一个参数类型为数组")
    let i = arguments.length - 1
    while (i) {
    for (var j = arr.length; j > 0; j--) {
    arr[j] = arr[j - 1]
    }
    arr[0] = arguments[i--]
    }
    return arr.length
    }

JavaScript数组方法--pop、shift、unshift的更多相关文章

  1. 数组方法push() pop() shift() unshift() splice() sort() reverse() contact()浅拷贝 slice()原数组拷贝

    push() pop() shift() unshift() splice() sort() reverse() 参考资料:https://wangdoc.com/javascript/stdlib/ ...

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

    push()函数用于向当前数组的添加一个或多个元素,并返回新的数组长度.新的元素将会依次添加到数组的末尾. 该函数属于Array对象,所有主流浏览器均支持该函数. 语法 array.push( ite ...

  3. JavaScript数组方法大全(推荐)

    原网址:http://www.jb51.net/article/87930.htm 数组在笔试中经常会出现的面试题,javascript中的数组与其他语言中的数组有些不同,为了方便之后数组的方法学习, ...

  4. JavaScript数组方法详解

    JavaScript数组方法详解 JavaScript中数组的方法种类众多,在ES3-ES7不同版本时期都有新方法:并且数组的方法还有原型方法和从object继承的方法,这里我们只介绍数组在每个版本中 ...

  5. JavaScript数组方法大集合

    JavaScript数组方法集合 本文总结一下js数组处理用到的所有的方法.自己做个笔记. 数组方法 concat() 合并两个或多个数组 concat()能合并两个或者多个数组,不会更改当前数组,而 ...

  6. 一站式超全JavaScript数组方法大全

    一站式JavaScript数组方法大全(建议收藏) 方法一览表 详细操作 本人总结了JavaScript中有关数组的几乎所有方法(包含ES6之后新增的),并逐一用代码进行演示使用,希望可以帮助大家! ...

  7. JavaScript数组方法--every、some、fill

    接上一篇,JavaScript数组方法--concat.push,继续其他的数组方法. every:every() 方法测试数组的所有元素是否都通过了指定函数的测试. 先看其使用方法: functio ...

  8. 【译】你应该了解的JavaScript数组方法

    让我们来做一个大胆的声明:for循环通常是无用的,而且还导致代码难以理解.当涉及迭代数组.查找元素.或对其排序或者你想到的任何东西,都可能有一个你可以使用的数组方法. 然而,尽管这些方法很有用,但是其 ...

  9. JavaScript 数组方法处理字符串 prototype

    js中数组有许多方法,如join.map,reverse.字符串没有这些方法,可以“借用”数组的方法来处理字符串. <!doctype html> <html lang=" ...

随机推荐

  1. 小程序使用animation实现跑马灯

    html: <view class="marquee"> <view class="content"> <text>{{te ...

  2. javap反汇编命令

    https://blog.csdn.net/qq_36330643/article/details/73841313 有关反汇编的具体

  3. MySQL 对分组后的同类数据进行拼接字符串

    MySQL 对分组后的同类数据进行拼接字符串 写后台方法时遇到个问题,需要将表内同一订单号的操作记录流水进行简单拼接输出,不想取出来再操作,找了个mysql的方法直接操作 //group_concat ...

  4. Centos6.5下使用LAMP搭建discuz论坛(编译安装 PS :自学中 写的不好请见谅)

    wget http://mirror.bit.edu.cn/apache/httpd/httpd-2.2.27.tar.gz  下载Apache软件包 wget http://downloads.my ...

  5. Python之面向对象和正则表达(代数运算和自动更正)

    面向对象 一.概念解释 面对对象编程(OOP:object oriented programming):是一种程序设计范型,同时也是一种程序开发的方法,实现OOP的程序希望能够在程序中包含各种独立而又 ...

  6. Exp2 后门原理与实践 毛瀚逸 20164318

    Exp2 后门原理与实践 20164318 毛瀚逸 一.实验内容 基础问题回答: 1.例举你能想到的一个后门进入到你系统中的可能方式? 答:下载奇怪的文件并运行,通过操作系统的漏洞来获取电脑的高级权限 ...

  7. python学习|类和实例

    什么叫实例对象呢?大家可以想象一下,[类]就像工厂的模具,以它为模板,造出来的成千上万的产品,才是被我们消费.购买.使用,真正融入我们生活的东西.这些产品,在Python中就叫[实例对象]. 往深了说 ...

  8. cordova本地浮动框提示插件使用:cordova-plugin-x-toast

    1. 添加插件:cordova plugin add cordova-plugin-x-toast 2. 调用方法(浮动提示插件,弹出本地浮动提示框): $cordovaToast.show(mess ...

  9. Oracle—通过操作系统进程查看数据库sql语句

    工作中遇到一个问题,某报表运行时间特别长,通过操作系统可以看到一个oracle进程消耗资源比较大,如何能够通过该操作系统进程找到具体SQL呢.记录如下: 1.查看Linux系统进程号 可以通过top动 ...

  10. sql注入-推断是否存在SQL注入-加法和减法

    这里我们需要区分一下数字型和字符串型: 数字型:不需要使用单引号来表示 其他类型:使用单引号来表示 综合上述,我们可以发现我们的例子是数字型的,这样我们就可以使用加法和减法来判断了. 加法,我们在参数 ...