zoukankan      html  css  js  c++  java
  • push()、shift()与pop()、unshift()、splice()

    1、末端的添加和移除:push()是用来在数组末端添加项,pop()在数组末端移除项;

    2、前端的添加和移除:shift()在移除数组的第一个项(前端),unshift()在数组前端添加项;

    3、push(),unshift()在推入多个项时,各个项之间的顺序不变

    4、push(),unshift()将数组的长度+1并返回的是数组的长度,pop(),shift()将数组length-1并返回的是移除的项

    例如:

    var num=new Array();

    num.push("1","2","3");  //推入项 数组呈现为①②③

    console.log(num.shift());//移除①项,数组呈现为②③

    num.unshift(''4''); //在前端添加项,数组呈现为④②③

    num.push("5"); //在末端添加项,数组呈现为④②③⑤

    console.log(num.shift());//移除数组的第一个项,验证得到④

    num.unshift("6","7","8"); //注意这里,以及下一句 数组呈现为⑥⑦⑧②③⑤

    num.push("9","10");   //数组呈现为⑥⑦⑧②③⑤⑨⑩

    splice()的用法

    1、删除功能,第一个参数为第一项位置,第二个参数为要删除几个。

    array.splice(index,num),返回值为删除内容,array为结果值。

    eg:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <!DOCTYPE html>
    <html>
    <body>
    <script>
    var array = ['a','b','c','d'];
    var removeArray = array.splice(0,2);
    alert(array);//弹出c,d
    alert(removeArray);//返回值为删除项,即弹出a,b
    </script>
    </body>
    </html>

    2、插入功能,第一个参数(插入位置),第二个参数(0),第三个参数(插入的项)

    array.splice(index,0,insertValue),返回值为空数组,array值为最终结果值

    eg:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <!DOCTYPE html>
    <html>
    <body>
    <script>
    var array = ['a','b','c','d'];
    var removeArray = array.splice(1,0,'insert');
    alert(array);//弹出a,insert,b,c,d
    alert(removeArray);//弹出空
    </script>
    </body>
    </html>

    3、替换功能,第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项)

    array.splice(index,num,insertValue),返回值为删除内容,array为结果值。

    eg:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <!DOCTYPE html>
    <html>
    <body>
    <script>
    var array = ['a','b','c','d'];
    var removeArray = array.splice(1,1,'insert');
    alert(array);//弹出a,insert,c,d
    alert(removeArray);//弹出b
    </script>
    </body>
    </html>
  • 相关阅读:
    centos7 安装mysql
    ketlle windows下的安装(最基本)
    Spark参数详解 一(Spark1.6)
    SSM项目集成Lucene+IKAnalyzer在Junit单元测试中执行异常
    解决jquery.pjax加载后的异常滚动
    码云项目克隆至github
    JFinal获取多个model
    避免layui form表单重复触发submit绑定事件
    解决pjax重复绑定
    jfinal 拦截器中判断是否为pjax请求
  • 原文地址:https://www.cnblogs.com/phoebeyue/p/9215689.html
Copyright © 2011-2022 走看看