js刪除數(shù)組中指定元素的幾種方式
js刪除數(shù)組中某一項或幾項的幾種方法
一、刪除第一個元素
1、shift() 方法用于把數(shù)組的第一個元素從其中刪除,并返回第一個元素的值。
注意: 此方法改變數(shù)組的長度!
提示: 移除數(shù)組末尾的元素可以使用 pop() 方法。
let arr = [1,2,3,4,5] arr.shift() // 1 // arr => [2,3,4,5]
2、slice() 方法可從已有的數(shù)組中返回選定的元素。
slice() 方法可提取字符串的某個部分,并以新的字符串返回被提取的部分。
注意: slice() 方法不會改變原始數(shù)組。
let arr = [1,2,3,4,5] let newArr = arr.slice(1) // arr => [1,2,3,4,5] // newArr => [2,3,4,5]
3、splice() 方法用于添加或刪除數(shù)組中的元素。
注意:這種方法會改變原始數(shù)組。
返回值
如果刪除一個元素,則返回一個元素的數(shù)組。 如果未刪除任何元素,則返回空數(shù)組。
let arr = [1,2,3,4,5] let newArr = arr.splice(0, 1) // arr => [2,3,4,5] // newArr => [1]
二、刪除最后一個元素
1、pop() 方法用于刪除數(shù)組的最后一個元素并返回刪除的元素。
注意:此方法改變數(shù)組的長度!
提示: 移除數(shù)組第一個元素,請使用 shift() 方法。
let arr = [1,2,3,4,5] arr.pop() // 5 // arr => [1,2,3,4]
2、slice() 方法
let arr = [1,2,3,4,5] let newArr = arr.slice(0, arr.length - 1) // arr => [1,2,3,4,5] // newArr => [1,2,3,4]
3、 splice() 方法用于添加或刪除數(shù)組中的元素。
let arr = [1,2,3,4,5] let newArr = arr.splice(arr.length - 1, 1) // arr => [1,2,3,4] // newArr => [5]
三、刪除數(shù)組中某個指定下標的元素
1、splice 刪除
let index = 3 let arr = [1,2,3,4,5] arr.splice(index, 1) // [4] // arr => [1,2,3,5]
2、for循環(huán)刪除
let index = 3, // 刪除的id arr = [1,2,3,4,5], arrLen = arr.length, newArr = []; for (let i = 0; i < arrLen; i++) { if (i !== index) { newArr.push(arr[i]) } } // arr => [1,2,3,4,5] // newArr => [1,2,3,5]
3、delete刪除
JavaScript提供了一個delete關(guān)鍵字用來刪除(清除)數(shù)組元素。
要注意的是,使用delete刪除元素之后數(shù)組長度不變,只是被刪除元素被置為empty了。
let index = 3 let arr = [1,2,3,4,5] delete arr[index] // arr = > [1, 2, 3, empty, 5]
四、刪除數(shù)組中某個指定元素
1、splice 刪除
let value = 'b', arr = ['a','b','c','d'] arr.splice(arr.indexOf(value), 1) // ['b'] // arr => ['a','c','d']
2、filter 刪除
var arr = ['a','b','c','d'], value = 'b' arr = arr.filter(item => item != value) // arr => ['a','c','d']
3、for 刪除
let value = 'b', arr = ['a','b','c','d'], arrLen = arr.length, newArr = [] for (let i = 0; i < arrLen; i++) { if (arr[i] !== value) { newArr.push(arr[i]) } } // 其他forEach、map、for of循環(huán)同理
4、Set 刪除
let arr = ['a','b','c','d'], value = 'b' let newSet = new Set(arr) newSet.delete(value) let newArr = [...newSet] // newArr => ['a','c','d']
總結(jié)
到此這篇關(guān)于js刪除數(shù)組中指定元素的文章就介紹到這了,更多相關(guān)js刪除數(shù)組指定元素內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
微信小程序swiper使用網(wǎng)絡(luò)圖片不顯示問題解決
這篇文章主要介紹了微信小程序swiper使用網(wǎng)絡(luò)圖片不顯示問題解決,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-12-12JavaScript打印網(wǎng)頁指定區(qū)域的例子
這篇文章主要介紹了JavaScript打印網(wǎng)頁指定區(qū)域的例子,需要的朋友可以參考下2014-05-05javascript Table 中2個列(TD)的交換實現(xiàn)代碼
非常不錯的用js控制talbe中td的位置的實現(xiàn)代碼。2009-02-02JavaScript判斷變量是否為空的自定義函數(shù)分享
這篇文章主要介紹了JavaScript判斷變量是否為空的自定義函數(shù)分享,本文直接給出實現(xiàn)代碼,需要的朋友可以參考下2015-01-01如何在uni-app使用微軟的文字轉(zhuǎn)語音服務(wù)
有了語音識別,交流就會變得很簡單,下面這篇文章主要給大家介紹了關(guān)于如何在uni-app使用微軟的文字轉(zhuǎn)語音服務(wù)的相關(guān)資料,需要的朋友可以參考下2022-06-06