zoukankan      html  css  js  c++  java
  • 详解 JavaScript 中 splice() 方法

    splice() 方法是一个比较少用的方法,但是功能确实很好,并且在我们 coding 的时候,经常有需要 splice() 方法,先介绍一下该方法。

    在 JavaScript 中 splice() 方法,是一个很强的数组方法,它有多种用法。

    splice() 方法主要用来向数组中添加新的值。

    1、删除(需要2个参数,第一个参数为“起始位”,第二个参数表示删除多少个)

    1 //创建数组
    2 var array = [];
    3 //添加值
    4 array.push(1);
    5 array.push(2);
    6 array.push(3);
    7 //删除,从第 0 个开始,删除一个元素。
    8 array.splice(0,1);
    9 console.log(array);//结果为: [2, 3]

    2、插入/添加值(在向一个数组中添加或者插入值的时候,我们需要3个参数,第一个为“起始位”,第二个为“要删除元素个数”,第二个以后为:“要插入的项”)

    1 //创建数组
    2 var array = [];
    3 //添加值
    4 array.push(1);
    5 array.push(2);
    6 array.push(3);
    7 //在向一个数组中添加或者插入值。
    8 array.splice(1,1,"添加值1","添加值2","添加值3");
    9 console.log(array);//结果为: [1, "添加值1", "添加值2", "添加值3", 3]

    注意:从第一个开始,也就是原来数组中的“2”的位置,然后第二个参数表示删除一个,也就是要删除数字2”,然后"添加值1","添加值2","添加值3" 为要新插入的值。

    如果我们不需要删除,那么第二个参数为“0”即可

    3、替换(其实替换和第二个方式一样,其实就是插入几个就删除几个,就达到效果了)

    1 //创建数组
    2 var array = [];
    3 //添加值
    4 array.push(1);
    5 array.push(2);
    6 array.push(3);
    7 //我们把2和3替换成5和6
    8 array.splice(1,2,5,6);
    9 console.log(array);//结果为: [1, 5, 6]

    额外补充:在 JavaScript 中,创建数组的两种方式。

    • var array = [];
    • var array = new Array();

    这二种方式创建的效果一样。

  • 相关阅读:
    Git:创建远程仓库并推送内容到远程库
    Git中ssh的使用
    Git中的文件上传、修改、撤消修改和删除
    Git的安装和创建版本库
    HTML相关知识点总结
    Android开发--TableLayout的应用
    Java中sql语句的引号问题
    NXOPEN环境配置
    shell小技巧
    查询MySQL锁等待的语句
  • 原文地址:https://www.cnblogs.com/sebastian-tyd/p/7895643.html
Copyright © 2011-2022 走看看