JS實(shí)現(xiàn)根據(jù)指定值刪除數(shù)組中的元素操作示例

發(fā)布時(shí)間：2020-09-03 04:53:14 來源：腳本之家閱讀：700 作者：郭小北V5 欄目：web開發(fā)

本文實(shí)例講述了JS實(shí)現(xiàn)根據(jù)指定值刪除數(shù)組中的元素操作。分享給大家供大家參考，具體如下：

解決問題：

1 .JS判斷元素是否在數(shù)組內(nèi)

2. JS根據(jù)指定值刪除數(shù)組中的元素

要點(diǎn)：相當(dāng)于jquery 的 $.inArray() 這個(gè)方法

原生js 如果想刪除數(shù)組，有一個(gè)函數(shù)

splice() ~~ 刪除元素，并向數(shù)組添加新元素。

這個(gè)貨是根據(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偉大之處出來了，一個(gè)$.inArray() 就全搞定）

下面我們來給數(shù)組封裝一方法

Array.prototype.contains = function(obj) {
 var i = this.length;
 while (i--) {
  if (this[i] === obj) {
   return i; // 返回的這個(gè) i 就是元素的索引下標(biāo)，
  }
 }
 return false;
}
var arrList = ['a','b','c','d'];
arrList.splice(arrList.contains('c'),1) // 這樣就可以刪除 這個(gè)元素了直接

自己寫一個(gè)函數(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é)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

向AI問一下細(xì)節(jié)

JS實(shí)現(xiàn)根據(jù)指定值刪除數(shù)組中的元素操作示例

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽