当前位置 主页 > 网站技术 > 代码类 >

    JS数组方法push()、pop()用法实例分析

    栏目:代码类 时间:2020-01-18 12:07

    本文实例讲述了JS数组方法push()、pop()用法。分享给大家供大家参考,具体如下:

    push()方法

    1. 定义:向数组的末尾添加一个或更多元素,并返回新的长度。
    2. 语法: arr.push(element1, ..., elementN)
    3. 参数:可以接收任意个数量的参数
    4. 返回值:返回修改后数组的长度。

    var arr1 = [1, 2, 3, 4];
    var arr2 = ["C", "B", "A"];
    Array.prototype.copyPush = function() {
      for(var i = 0; i < arguments.length; i++) {
        this[this.length] = arguments[i];
      }
      return this.length;
    };
    console.log(arr1.push('A', 'B'));  // 6
    console.log(arr1); // [1, 2, 3, 4, 'A', 'B']
    console.log(arr2.push());  // 3
    console.log(arr2); // ["C", "B", "A"]
    
    

    运行结果:

    pop()方法

    1. 定义:从数组末尾移除最后一项,减少数组的length值,并返回移除的项。
    2. 语法: arr.pop()
    3. 参数:/
    4. 返回值:从数组中删除的元素(当数组为空时返回undefined)。

    var arr1 = [1, 2, 3, 4];
    var arr2 = [];
    Array.prototype.copyPop = function() {
      var result = null;
      if(this.length == 0) { //数组为空时返回undefined
        return undefined;
      }
      result = this[this.length - 1];
      this.length = this.length - 1;
      return result;
    };
    console.log(arr1.copyPop()); // 4
    console.log(arr1); // [1, 2, 3]
    console.log(arr1.length); // 3
    // 数组为空时
    console.log(arr2.length); // 0
    console.log(arr2.copyPop()); // undefined
    console.log(arr2); // []
    console.log(arr2.length); // 0
    
    

    运行结果:

    感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

    更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

    希望本文所述对大家JavaScript程序设计有所帮助。