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>
  • 相关阅读:
    jQuery动态表格插件 AppendGrid
    JavaScript:用JS实现加载页面前弹出模态框
    JavaScript(select onchange)的网页跳转的简单实现
    jQuery DataTables的简单实现
    JavaScript 设计模式之命令模式
    JavaScript 设计模式之代理模式
    JavaScript 设计模式之工厂模式
    JavaScript 设计模式之建造者模式
    集群服务器消息通讯办法
    游戏服务器端开发的基本大纲
  • 原文地址:https://www.cnblogs.com/phoebeyue/p/9215689.html
Copyright © 2011-2022 走看看