Javascript刪除數組指定元素的方法詳解

一、使用splice()函數刪除指定元素

在Javascript中，可以使用splice()函數來刪除數組中的指定元素。該函數有三個參數，分別是需要刪除元素的起始位置、需要刪除元素的數量以及需要插入到數組中的新元素，其中第三個參數是可選的。當需要刪除一個元素時，第一個參數就是該元素在數組中的索引位置，而第二個參數的值為1，表示只需要刪除一個元素。

    const arr = ['a', 'b', 'c', 'd', 'e'];
    const index = arr.indexOf('c');
    if(index > -1){
        arr.splice(index, 1);
    }
    console.log(arr);
    //output: ['a', 'b', 'd', 'e']

以上代碼中，使用indexOf()函數找到了元素’c’在數組中的索引位置，並將該位置作為參數傳遞給splice()函數，然後將需要刪除的元素數量設為1，最後將數組剩餘的元素輸出到控制台中。

二、使用filter()函數刪除指定元素

另外一種方法是使用filter()函數對數組進行過濾，將需要刪除的元素過濾掉，生成一個新的數組。

    const arr = ['a', 'b', 'c', 'd', 'e'];
    const newArr = arr.filter(function(item){
        return item !== 'c';
    });
    console.log(newArr);
    //output: ['a', 'b', 'd', 'e']

以上代碼中，使用filter()函數將數組中不等於’c’的元素過濾出來，生成一個新的數組。最終輸出的newArr就是不包含指定元素的新數組。

三、使用slice()函數與concat()函數刪除指定元素

還可以使用slice()函數與concat()函數來刪除指定元素。首先使用slice()函數將需要刪除元素的前半部分和後半部分分別提取出來，然後使用concat()函數將兩個部分拼接在一起。

    const arr = ['a', 'b', 'c', 'd', 'e'];
    const index = arr.indexOf('c');
    const newArr = arr.slice(0, index).concat(arr.slice(index + 1));
    console.log(newArr);
    //output: ['a', 'b', 'd', 'e']

以上代碼中，使用slice()函數將需要刪除的元素前半部分和後半部分分別提取出來，然後使用concat()函數將兩個部分拼接在一起，得到一個新的數組。

四、使用forEach()函數刪除指定元素

還可以使用forEach()函數遍曆數組，從而得到需要刪除元素的索引位置，並使用splice()函數進行刪除。

    const arr = ['a', 'b', 'c', 'd', 'e'];
    const removeItem = 'c';
    arr.forEach(function(item, index){
        if(item === removeItem){
            arr.splice(index, 1);
        }
    });
    console.log(arr);
    //output: ['a', 'b', 'd', 'e']

以上代碼中，使用forEach()函數遍曆數組，對於每一個元素，判斷是否等於需要刪除的元素，如果相等，就使用splice()函數刪除該元素。