JavaScript--Splice/Slice详细说明

splice

最强大的数组方法就属 splice() 了，使用它的方式可以有很多种，splice的目的就是在数组中间插元素,有三种不同的方式使用这个方法

---

1. 删除:
   需要需要给splice() 传2个参数：要删除的第一个元素的位置和要删除的元素数量。可以从数组中删除任意多个元素，简单来说：就是从哪删，删几个。比如splice(0, 2) 就是从0删，删两个元素。

 //删除
        let colors = ['red', 'green', 'blue'];
        //删除第一个元素,传入两个参数
        //第一个参数：要删除元素的数组下标(从哪儿开始删)
        //第二个参数：想删除几个元素(删几个)
        let deletArr = colors.splice(1,1);
        console.log(colors); 
        console.log(deletArr);

运行结果：

2. 插入:
   需要给 splice() 传3个参数：开始位置、0（要删除的元素数量和要插入的元素，可以在数组中指定的位置插入元素。第三个参数之后还可以传第四个、第五个参数，乃至任意多个要插入的元素。比如， splice(2, 0,“red”,“green”) 会从数组位置2开始插入字符串 “red” 和 “green” 。

   //index是索引，howmany是删除多少个元素，后面的item是插入的元素
   arrayObject.splice(index,howmany,item1,.....,itemX)
   

    //插入
      let colors = ['red', 'green', 'blue'];
       //传入三个参数：
       //第一个参数：开始的位置，比如我想在green之前插入数据，那么这个参数就是1。注意之前这两个字。
       //第二个参数：需要删除的元素，删几个就写几个
       //第三个参数：需要添加的元素，要插入几个写几个
       let colors = ['red', 'green', 'blue'];
       let insArr = colors.splice(1,0,'pink','black')
       console.log(colors);
   
   

   运行结果：

3. 替换：
   splice() 在删除元素的同时可以在指定位置插入新元素，
   同样要传入3个参数：开始位置、要删除元素的数量和要插入的元素。要插入的元素数量不一定跟删除的元素数量一致。比如，splice(2, 1,“red”,“green”) 会在位置2删除一个元素，然后从该位置开始向数组中插入 “red” 和 “green” 。

  //替换
        //传入三个元素：开始位置的数组下标、要删除元素的数量和要插入的元素，和插入类似
        let colors = ['red', 'green', 'blue'];
        let replaceArr = colors.splice(0,2,'black');
        console.log(colors);

运行结果：

---

相信了解完上面的例子之后，slice就会很简单吧

方法slice() 用于创建一个包含原有数组中一个或多个元素的新数组。
slice() 方法可以接收一个或两个参数：返回元素的开始
索引和结束索引。

• 如果只有一个参数，则 slice() 会返回该索引到数组
  末尾的所有元素。

slice(0);
//表示从数组下标0(包括0)开始往后的所有元素

• 如果有两个参数，则 slice() 返回从开始索引到结束索引对应的所有元素，其中不包含结束索引对应的元素。记住，这个操作不影响原始数组。

slice(1,2);
//表示从 数组下标1 到 下标2之前 的所有元素

看一个例子，你应该就能明白

let colors = ["red","green","blue","yellow","purple"];
let colors2 = colors.slice(1);
let colors3 = colors.slice(1, 4);
alert(colors2); // green,blue,yellow,purple
alert(colors3); // green,blue,yellow