快捷導(dǎo)航

JS刪除數(shù)組中某個(gè)元素的四種方式總結(jié)

更新時(shí)間：2023年02月04日 11:28:58 作者：ZHANG.......

js刪除指定元素方法有很多,下面這篇文章主要給大家介紹了關(guān)于JS刪除數(shù)組中某個(gè)元素的四種方式,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

第一種：刪除最后一個(gè)元素

slice 刪除

var arr = [1,2,3,4,5]
var new_arr = arr.slice(0, -1)
// arr => [1,2,3,4,5]
// new_arr => [1,2,3,4]
 
var arr = [1,2,3,4,5]
var new_arr = arr.slice(0, arr.length - 1)
// arr => [1,2,3,4,5]
// new_arr => [1,2,3,4]

splice 刪除

var arr = [1,2,3,4,5]
var new_arr = arr.splice(-1)
// arr => [1,2,3,4]
// new_arr => [5]
 
var arr = [1,2,3,4,5]
var new_arr = arr.splice(-1, 1)
// arr => [1,2,3,4]
// new_arr => [5]
 
var arr = [1,2,3,4,5]
var new_arr = arr.splice(arr.length - 1)
// arr => [1,2,3,4]
// new_arr => [5]
 
var arr = [1,2,3,4,5]
var new_arr = arr.splice(arr.length - 1, 1)
// arr => [1,2,3,4]
// new_arr => [5]

pop 刪除

var arr = [1,2,3,4,5]
arr.pop()
// arr => [1,2,3,4]

for 刪除

var arr = [1,2,3,4,5]
var new_arr = []
for (let i = 0, len = arr.length; i < len; i++) {
    if (i < len - 1) {
        new_arr.push(arr[i])
    }
}
// arr => [1,2,3,4,5]
// new_arr => [1,2,3,4]

length 刪除

var arr = [1,2,3,4,5]
arr.length = arr.length - 1
// arr => [1,2,3,4]

第二種：刪除第一個(gè)元素

slice 刪除

var arr = [1,2,3,4,5]
var new_arr = arr.slice(1)
// arr => [1,2,3,4,5]
// new_arr => [2,3,4,5]

splice 刪除

var arr = [1,2,3,4,5]
var new_arr = arr.splice(0, 1)
// arr => [2,3,4,5]
// new_arr => [1]

shift 刪除

var arr = [1,2,3,4,5]
arr.shift()
// arr => [2,3,4,5]

第三種：刪除數(shù)組中某個(gè)指定元素

filter 刪除

var arr = [1,2,3,4,5],
    element = 2
 
arr = arr.filter(item => item != element)
// arr => [1,3,4,5]

splice 刪除

var element = 2,
    arr = [1,2,3,4,5]
 
arr.splice(arr.indexOf(2), 1)
// arr => [1,3,4,5]

forEach、map、for 刪除

var arr = [1,2,3,4,5],
    element = 2,
    new_arr = []
arr.forEach(item => (item != element && new_arr.push(item)))
// new_arr => [1,3,4,5]
 
// map 同理
 
var arr = [1,2,3,4,5],
    element = 2,
    new_arr = []
 
for (let i = 0; i < arr.length; i++) {
    arr[i] != element && new_arr.push(arr[i])
}
// new_arr => [1,3,4,5]

set 刪除

var arr = [1,2,3,4,5],
    element = 2
var new_set = new Set(arr)
new_set.delete(element)
var new_arr = [...new_set]
// new_arr => [1,3,4,5]

第四種：刪除數(shù)組中指定下標(biāo)的元素

splice 刪除

var delete_index = 2
var arr = [1,2,3,4,5]
// arr => [1,2,3,4,5]
var new_arr = arr.splice(delete_index, 1)
// new_arr => [3]
// arr => [1,2,4,5]

for 刪除

var delete_index = 2,
    arr = [1,2,3,4,5],
    new_arr = []
 
for (let i = 0, len = arr.length; i < len; i++) {
    if (i != delete_index) {
        new_arr.push(arr[i])
    }
}
 
// arr => [1,2,3,4,5]
// new_arr => [1,2,4,5]

注意：

1. 不可以使用 delete 方式刪除數(shù)組中某個(gè)元素，此操作會(huì)造成稀疏數(shù)組，被刪除的元素的位置依然存在，為 empty，且數(shù)組的長(zhǎng)度不變。

2. 不可以使用 forEach 方法比對(duì)數(shù)組的下標(biāo)值，因?yàn)?forEach 在循環(huán)的時(shí)候是無(wú)序的。