关于javascript:javascript中slice和splice使用

1. 电脑系统 windows10 专业版
2. 在开发的过程中, 咱们总是会依据各种的需要应用到 javascript, 上面我来分享一下 javascript 中 slice 和 splice 办法的应用以及一些总结, 心愿对你有所帮忙!
3. 什么是 slice?

slice(): 用于创立一个蕴含原有数组中 一个或多个元素的新数组。slice()办法能够承受一个或两个参数: 返回元素的开始索引和完结索引。如果只有一个参数, 则 slice()会返回该索引到数组开端的所有元素。如果有两个参数, 则 slice()返回从开始索引到完结索引对应的所有元素, 其中不包含完结索引对应的元素。记住, 这个办法不影响原始数组。

3-1. 举例:

     let chenarr1=[1,2,3,4,5,6]
     let chen=chenarr1.slice(1);
     console.log(chen);  //[2,3,4,5,6]
    如果有两个参数:
      第一个参数是开始下标(蕴含), 第二个参数是完结下标(不蕴含)。

3-2：举例:

     let chenarr1=[1,2,3,4,5,6]
     let chen=chenarr1.slice(1,4);
     console.log(chen);  //[2,3,4]

3-3: 如果两个参数为正数并且第一个参数大于第二个参数, 失去的是一个空数组,(起因: 如果参数为正数, 会拿上数组的长度 + 负的参数, 而后失去对应的值)

举例:
          let chenarr1=[1,2,3,4,5,6]
          let chen=chenarr1.slice(-1,-2);
          console.log(chen);  
          //  [] 失去空数组, 起因是: 如果参数为正数, 那么就以数的长度 + 这个参数的后果为下标, 如果完结地位小于开始下标, 则返回空数组。从这个例子相当于是:-1+6=5 ; -2+6=4; 问的是 从下标 5 到下标 4, 后果是: 无。这个相当于问的是:1-2-3-4, 数字 1 的前面为什么是 2 不是不是 0?

    如果, 把参数 -1,- 2 换一下地位, 后果就不一样了。如下:
        let chenarr1=[1,2,3,4,5,6]
        let chen=chenarr1.slice(-2,-1);  // [5]
        // 这个相当于问的是: 从下标 4 到下标 5, 后果为 5, 所以失去的是: [5]。console.log(chen);

4. 什么是 splice?

splice()  // 会批改原数组, 前蕴含后蕴含
    删除: 须要给 splice()传 2 个参数: 要删除的第一个参数的地位和要删除的元素数量。能够从数组中删除任意多个元素, 比方 splice(0,2)会删除后面两个元素。

4-1:splice(); 如果参数是两个, 第一个参数示意从某个下标开始, 第二个参数示意眼删除的元素数量, 并返回被删除的元素。

举例一:
          let chenarr1=[1,2,3,4,5,6];
          let chen=chenarr1.splice(1,2);  
          console.log(chen); // [2,3]
          console.log(chenarr1); // [1,4,5,6]

4-2: 如果只有一个参数, 示意从数组的第一个元素开始, 到这个参数。

举例二:
       let chenarr1=[1,2,3,4,5,6]
       let chen=chenarr1.splice(2);  
       console.log(chen);  // [3,4,5,6]
       console.log(chenarr1); // [1,2] 返回删除的元素, 扭转了原数组

4-3: 插入: 如果参数是三个: 开始地位 \0(要删除的元素数量)和要插入的元素, 能够在数组中指定的地位插入元素。第三个参数之后还能够传第四个 \ 第五个, 乃至任意多个要插入的元素。比方,splice(2,0,”red”,gree)会从数组地位 2 开始插入字符串 “red” 和 “green”。

// 举例:
        let chenarr1=[1,2,3,4,5,6]
        let chen=chenarr1.splice(1,0,"我是插入的");  
        参数示意: 参数一: 从某个下标开始, 参数二: 删除的数量, 参数三: 插入的元素
        console.log(chen); [2] // 返回删除的元素
        console.log(chenarr1); // [1,"我是插入的",2,3,4,5,6]

4-4: 替换:splice()在删除元素的同时能够在指定地位替换元素, 同样要传入 3 个参数: 开始位
置、要替换元素的数量和要替换元素的数量(要替换几个元素)。

举例:
    let chenarr1=[1,2,3,4,5,6]
    let chen=chenarr1.splice(1,2,"我是替换你的");     // 从下标 1 开始替换, 替换 2 个元素, 所以失去的后果是  :[1,'我是替换的你的',4,5,6]
    console.log(chen); // [2,3]
    console.log(chenarr1); // [1,'我是替换的你的',4,5,6]

举例:
    let chenarr1=[1,2,3,4,5,6]
    let chen=chenarr1.splice(1,1,"我是替换你的");     // 从下标 1 开始替换, 替换 1 个元素, 所以失去的后果是  :[1,'我是替换的你的',3,4,5,6]
    console.log(chen); // [2]
    console.log(chenarr1); // [1,'我是替换的你的',3,4,5,6]

5. 本期的分享到了这里就完结啦, 是不是很 nice, 心愿对你有所帮忙, 不要抬头, 不要认输, 置信本人, 让咱们一起致力走向巅峰!