使用JavaScript從數組中刪除對象

如何從數組中刪除對象？ 我希望從someArray刪除包含名稱Kristian的對象。 例如：

someArray = [{name:"Kristian", lines:"2,5,10"}, {name:"John", lines:"1,19,26,96"}]; 

我要實現：

someArray = [{name:"John", lines:"1,19,26,96"}]; 

---

#1樓

在數組上使用拼接功能。 指定起始元素的位置和要刪除的子序列的長度。

someArray.splice(pos, 1); 

---

#2樓

您可以使用多種方法從數組中刪除項目：

//1 someArray.shift(); // first element removed //2 someArray = someArray.slice(1); // first element removed //3 someArray.splice(0, 1); // first element removed //4 someArray.pop(); // last element removed //5 someArray = someArray.slice(0, a.length - 1); // last element removed //6 someArray.length = someArray.length - 1; // last element removed 

如果要刪除位置x處的元素，請使用：

someArray.splice(x, 1); 

要么

someArray = someArray.slice(0, x).concat(someArray.slice(-x)); 

回復@ chill182的評論：您可以使用Array.filter或Array.splice與Array.findIndex組合（請參見MDN ）從數組中刪除一個或多個元素，例如

 

// non destructive filter > noJohn = John removed, but someArray will not change let someArray = getArray(); let noJohn = someArray.filter( el => el.name !== "John" ); log("non destructive filter > noJohn = ", format(noJohn)); log(`**someArray.length ${someArray.length}`); // destructive filter/reassign John removed > someArray2 = let someArray2 = getArray(); someArray2 = someArray2.filter( el => el.name !== "John" ); log("", "destructive filter/reassign John removed > someArray2 =", format(someArray2)); log(`**someArray2.length ${someArray2.length}`); // destructive splice /w findIndex Brian remains > someArray3 = let someArray3 = getArray(); someArray3.splice(someArray3.findIndex(v => v.name === "Kristian"), 1); someArray3.splice(someArray3.findIndex(v => v.name === "John"), 1); log("", "destructive splice /w findIndex Brian remains > someArray3 =", format(someArray3)); log(`**someArray3.length ${someArray3.length}`); function format(obj) { return JSON.stringify(obj, null, " "); } function log(...txt) { document.querySelector("pre").textContent += `${txt.join("\\n")}\\n` } function getArray() { return [ {name: "Kristian", lines: "2,5,10"}, {name: "John", lines: "1,19,26,96"}, {name: "Brian", lines: "3,9,62,36"} ]; }

<pre> **Results** </pre>

 

---

#3樓

干凈的解決方案是使用Array.filter ：

var filtered = someArray.filter(function(el) { return el.Name != "Kristian"; }); 

這樣做的問題是它不能在IE <9上運行。但是，您可以包括來自Java庫的代碼（例如underscore.js ），該代碼可為任何瀏覽器實現此功能。

---

#4樓

最簡單的解決方案是創建一個按名稱存儲每個對象的索引的映射，如下所示：

//adding to array var newPerson = {name:"Kristian", lines:"2,5,10"} someMap[ newPerson.name ] = someArray.length; someArray.push( newPerson ); //deleting from the array var index = someMap[ 'Kristian' ]; someArray.splice( index, 1 ); 

---

#5樓

所示的“數組”是無效的JavaScript語法。 花括號{}適用於具有屬性名稱/值對的對象，而方括號[]適用於數組-如下所示：

someArray = [{name:"Kristian", lines:"2,5,10"}, {name:"John", lines:"1,19,26,96"}]; 

在這種情況下，可以使用.splice()方法刪除項目。 要刪除第一項（索引0），請說：

someArray.splice(0,1); // someArray = [{name:"John", lines:"1,19,26,96"}]; 

如果您不知道索引，但想在數組中搜索以找到要刪除的名稱為“ Kristian”的項目，則可以這樣做：

for (var i =0; i < someArray.length; i++) if (someArray[i].name === "Kristian") { someArray.splice(i,1); break; } 

編輯：我只是注意到您的問題被標記為“ jQuery”，所以您可以嘗試$.grep()方法 ：

someArray = $.grep(someArray,
                   function(o,i) { return o.name === "Kristian"; }, true); 

 

來源： SEO技術