JS實現(xiàn)根據(jù)指定值刪除數(shù)組中的元素操作示例
本文實例講述了JS實現(xiàn)根據(jù)指定值刪除數(shù)組中的元素操作。分享給大家供大家參考，具體如下：
解決問題：
1 .JS判斷元素是否在數(shù)組內(nèi)
2. JS根據(jù)指定值刪除數(shù)組中的元素
要點：相當(dāng)于jquery 的 $.inArray() 這個方法
原生js 如果想刪除數(shù)組，有一個函數(shù)
splice() ~~ 刪除元素，并向數(shù)組添加新元素。
這個貨 是根據(jù)數(shù)組內(nèi)的下標(biāo) 也就是索引來 刪除元素的比如：
var arrList = ['a','b','c','d']; arrList.splice(2,1); alert(arrList);
下標(biāo)為 2 也就是‘c'給刪除了。
那么現(xiàn)在我們在很多場景中，需要用到 根據(jù)數(shù)組 元素的“值” 來刪除或者獲取數(shù)據(jù) 怎么辦？（指的原生js，jquery偉大之處出來了，一個$.inArray() 就全搞定）
下面我們來給數(shù)組封裝一方法
Array.prototype.contains = function(obj) {
var i = this.length;
while (i--) {
if (this[i] === obj) {
return i; // 返回的這個 i 就是元素的索引下標(biāo)，
}
}
return false;
}
var arrList = ['a','b','c','d'];
arrList.splice(arrList.contains('c'),1) // 這樣就可以刪除 這個元素了直接
自己寫一個函數(shù) 這樣
function contains(a, obj) {
var i = a.length;
while (i--) {
if (a[i] === obj) {
return i;
}
}
return false;
}
直接引用吧
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了讓mocha支持ES6模塊的方法實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
這篇文章介紹了JavaScript中的字符串操作，有需要的朋友可以參考一下2013-11-11
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)音樂自動切換和輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
微信小程序數(shù)據(jù)操作指南之從綁定到更新的操作方法
在微信小程序開發(fā)中,數(shù)據(jù)操作是不可或缺的一環(huán),文章詳細(xì)介紹了數(shù)據(jù)綁定、更新等方法,并提供示例和注意事項,幫助開發(fā)者更好地應(yīng)用這些技術(shù),本文給大家介紹微信小程序數(shù)據(jù)操作指南之從綁定到更新,感興趣的朋友跟隨小編一起看看吧2024-10-10
JavaScript函數(shù)封裝隨機顏色驗證碼(完整代碼)
這篇文章主要介紹了JavaScript函數(shù)封裝隨機顏色驗證碼(完整代碼),本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-12-12
css實現(xiàn)窗戶上水珠效果，效果特別逼真，窗外的雨淅淅瀝瀝飄打在玻璃上，看起來很像模糊的窗外，斜滴的雨露，接下來給大家一起來用CSS技術(shù)實現(xiàn)這樣一幅畫面，下面給大家分享使用純css實現(xiàn)窗戶玻璃雨滴逼真效果，感興趣的朋友快樂圍觀吧2015-08-08
本篇文章主要介紹了原生js實現(xiàn)簡單的Ripple按鈕實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
這篇文章主要給大家介紹了關(guān)于前端小程序中.env?文件夾的相關(guān)資料,.env文件夾允許開發(fā)者在不同的環(huán)境中配置不同的變量值,以便在小程序的不同階段或環(huán)境中使用,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-05-05
我一直使用printf調(diào)試程序，一般來說都是比較順利，但有時候，你會發(fā)現(xiàn)需要更好的方法。下面幾個JavaScript技巧相信你一定會覺得十分有用2014-03-03
JS?生態(tài)系統(tǒng)加速Polyfill函數(shù)使用實例探索
這篇文章主要介紹了JS?生態(tài)系統(tǒng)加速Polyfill函數(shù)使用實例探索,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2024-01-01