Wie lösche Objekt im Array Angular JS?

Question

Ich habe ein Objekt:

$scope.obj = { 
    name : "ok", 
    list : [{object},{object2}] 
} 

Also, ich habe {object1}. Wie kann ich dieses Objekt von list entfernen, wenn ich Schlüssel nicht weiß?

Mein Code ist:

var indexToDelete = list.people.keys(item); 
console.log(indexToDelete); 
delete list.people[indexToDelete]; 

Artikel ist:

Object 
$$hashKey: 
"object:29" 
artist:"" 
cover:"" 
song:"Basta 1" 
source:"" 
type:"9" 

Answer 1

Ich werde Ihre Datenstruktur nur ein wenig vereinfachen. Ich gehe auch davon aus, dass die $$hashKey verwendet werden kann, um zu bestimmen, ob das zu entfernende Objekt das gleiche wie eins in der Liste ist - wenn das nicht der Fall ist, und wir alle Schlüssel und Parameter innerhalb der Objekte vergleichen müssen Die Antwort bekommt ein bisschen mehr complex.

, hier diese Annahmen Gegeben ist ein Vanille-JavaScript-Version, die in allen gängigen Browsern funktionieren sollte:

var list = [ 
 
    {$$hashKey: 1, artist: "Alice"}, 
 
    {$$hashKey: 42, artist: "Bob"}, 
 
    {$$hashKey: 25, artist: "Charlie"} 
 
]; 
 

 
var itemToRemove = {$$hashKey: 42, artist: "Bob"}; 
 

 
for (var i=0; i<list.length;i++) { 
 
    if (list[i].$$hashKey == itemToRemove.$$hashKey) { 
 
    list.splice(i,1); // removes the matched element 
 
    i = list.length; // break out of the loop. Not strictly necessary 
 
    } 
 
} 
 

 
console.log(list);

Sie vereinfachen könnte, dass etwas, wenn itemToRemove auf ein Objekt ist eine Referenz, die ist In der Liste;

var obj1 = {$$hashKey: 1, artist: "Alice"}, 
 
    obj2 = {$$hashKey: 42, artist: "Bob"}, 
 
    obj3 = {$$hashKey: 25, artist: "Charlie"}; 
 

 
var list = [obj1, obj2, obj3]; 
 
var itemToRemove = obj2; 
 

 
for (var i=0; i<list.length;i++) { 
 
    if (list[i] === itemToRemove) { 
 
    list.splice(i,1); // removes the matched element 
 
    i = list.length; // break out of the loop. Not strictly necessary 
 
    } 
 
} 
 

 
console.log(list);

(Wenn Sie von ES6 sind transpiling gibt es durchaus ein paar neue Convenience-Methoden zur Verfügung, so dass Sie nicht: In diesem Fall können Sie sie nur direkt statt, je nach $$hashKey vergleichen Sie müssen das Array manuell durchlaufen: array.prototype.findIndex, array.prototype.filter, aber diese werden derzeit nicht in genügend Browsern unterstützt, um in der Produktion verwendet zu werden.Alternativ dazu können Sie _.without() verwenden, wenn Sie eine Bibliothek wie beispielsweise underscore.js hinzufügen möchten entfernen Sie bestimmte Elemente.)

Answer 2

Sie können den delete Schlüsselwort machen und dann die Eigenschaft, die gelöscht werden muss.

Also, wenn Sie Object1 löschen müssen, zuerst mit der findIndex Methode finden Sie den Index in der Liste und dann können Sie verwenden.

var indexToDelete = $scope.obj.list.findIndex(YourCriteria); delete $scope.obj.list[indexToDelete];

Hinweis: findIndex Teil der ES7 Draft-Spezifikation ist, so bestimmter Browser möglicherweise nicht unterstützt diese Methode.

Edit1: Um mehr Klarheit zu bringen, die findIndex Methode nimmt einen Rückruf, die für jeden Wert in dem Array genannt wird.