JavaScript（js）中删除Array数组中的值

左手的ㄟ右手 2021-07-25 13:57 399阅读 0赞

**目录**

方式1：splice（index,1）

方式2：new Set() .delete()

方式3：delete

--------------------

# 方式1：splice（index,1） #

splice() 方法会直接对修改原数组

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70][]![20210502015336148.png][]

let arr = ["vue", "react", "angular"];
        console.log("删除前arr：", arr);
        for (let i in arr) {
          if (arr[i] === "react") {
            let result = arr.splice(i, 1);
            console.log("删除值:", result);
          }
        }
        console.log("删除后arr:", arr);

# 方式2：new Set() .delete() #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1][]![20210502020721679.png][]

let arr = ["vue", "react", "angular"];
        console.log("删除前arr：", arr);
    
        let setArr = new Set(arr);
        let result = setArr.delete("react");
    
        console.log("是否删除成功：", result);
        console.log("删除后arr:", Array.from(setArr));

# 方式3：delete #

delete删除掉数组中的元素后，会把该下标出的值置为undefined,**数组的长度不会变**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 2][]![20210502021338629.png][]

let arr = ["vue", "react", "angular"];
        console.log("删除前arr：", arr);
    
        let result = delete arr[1];
    
        console.log("是否删除成功：", result);
        console.log("arr[1]:", arr[1]);
        console.log("删除后arr:", arr);

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210502015318288.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2,size_16,color_FFFFFF,t_70
[20210502015336148.png]: /images/20210725/bcb3c0a8975745478b3d64a03fef790d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210502020704905.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2,size_16,color_FFFFFF,t_70
[20210502020721679.png]: /images/20210725/7194b785e512409db9aa646e643e83f6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20210502021350212.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2,size_16,color_FFFFFF,t_70
[20210502021338629.png]: /images/20210725/f721caf7ae14495bae117649a9070015.png