Wie kann ich Objekte aus einem assoziativen JavaScript-Array entfernen?

Question

Angenommen, ich habe diesen Code:

var myArray = new Object();
myArray["firstname"] = "Bob";
myArray["lastname"] = "Smith";
myArray["age"] = 25;

Wenn ich nun "Nachname" entfernen möchte?....gibt es eine Entsprechung von myArray["lastname"].remove() ?

(Ich brauche das Element nicht, weil die Anzahl der Elemente wichtig ist und ich die Dinge sauber halten möchte).

Answer 1

Objekte in JavaScript kann man sich als assoziative Arrays vorstellen, die Schlüssel (Eigenschaften) auf Werte abbilden.

Um eine Eigenschaft aus einem Objekt in JavaScript zu entfernen, verwenden Sie die delete Betreiber:

const o = { lastName: 'foo' }
o.hasOwnProperty('lastName') // true
delete o['lastName']
o.hasOwnProperty('lastName') // false

Beachten Sie, dass, wenn delete auf eine Indexeigenschaft einer Array erstellen Sie eine dünn besiedeltes Feld (d. h. ein Array mit einem fehlenden Index).

Bei der Arbeit mit Instanzen von Array Wenn Sie kein dünn besiedeltes Array erstellen wollen - und das wollen Sie in der Regel nicht - dann sollten Sie Array#splice ou Array#pop .

Beachten Sie, dass die delete Operator in JavaScript gibt nicht direkt Speicher frei. Sein Zweck ist es, Eigenschaften von Objekten zu entfernen. Wenn eine zu löschende Eigenschaft den einzigen verbleibenden Verweis auf ein Objekt enthält, kann es natürlich sein, dass o entonces o wird anschließend auf die übliche Weise entsorgt.

Die Verwendung des delete Operator kann die Fähigkeit von JavaScript-Engines beeinträchtigen optimieren. Code .

Answer 2

Alle Objekte in JavaScript sind als Hashtables/assoziative Arrays implementiert. Die folgenden sind also gleichwertig:

alert(myObj["SomeProperty"]);
alert(myObj.SomeProperty);

Und, wie bereits angedeutet, "entfernen" Sie eine Eigenschaft aus einem Objekt über die delete Schlüsselwort, das Sie auf zwei Arten verwenden können:

delete myObj["SomeProperty"];
delete myObj.SomeProperty;

Ich hoffe, die zusätzlichen Informationen helfen...

Answer 3

Keine der vorherigen Antworten geht auf die Tatsache ein, dass JavaScript keine assoziativen Arrays hat - es gibt keine array Typ als solchen, siehe typeof .

Was JavaScript hat, sind Objektinstanzen mit dynamischen Eigenschaften. Wenn Eigenschaften mit Elementen einer Array-Objektinstanz verwechselt werden, sind schlechte Dinge™ vorprogrammiert:

Problem

var elements = new Array()

elements.push(document.getElementsByTagName("head")[0])
elements.push(document.getElementsByTagName("title")[0])
elements["prop"] = document.getElementsByTagName("body")[0]

console.log("number of elements: ", elements.length)   // Returns 2
delete elements[1]
console.log("number of elements: ", elements.length)   // Returns 2 (?!)

for (var i = 0; i < elements.length; i++)
{
   // Uh-oh... throws a TypeError when i == 1
   elements[i].onmouseover = function () { window.alert("Over It.")}
   console.log("success at index: ", i)
}

Lösung

Um eine universelle Entfernungsfunktion zu haben, die Sie nicht im Stich lässt, verwenden Sie:

Object.prototype.removeItem = function (key) {
   if (!this.hasOwnProperty(key))
      return
   if (isNaN(parseInt(key)) || !(this instanceof Array))
      delete this[key]
   else
      this.splice(key, 1)
};

//
// Code sample.
//
var elements = new Array()

elements.push(document.getElementsByTagName("head")[0])
elements.push(document.getElementsByTagName("title")[0])
elements["prop"] = document.getElementsByTagName("body")[0]

console.log(elements.length)                        // Returns 2
elements.removeItem("prop")
elements.removeItem(0)
console.log(elements.hasOwnProperty("prop"))        // Returns false as it should
console.log(elements.length)                        // returns 1 as it should

Answer 4

Dadurch wird nur das Objekt gelöscht, aber die Länge des Arrays bleibt gleich.

Um das Element aus dem Array zu entfernen, müssen Sie etwas wie folgt tun:

array.splice(index, 1);

Answer 5

Die akzeptierte Antwort ist zwar richtig, aber es fehlt die Erklärung, warum es funktioniert.

Zuallererst sollte Ihr Code die Tatsache widerspiegeln, dass es sich um pas ein Array:

var myObject = new Object();
myObject["firstname"] = "Bob";
myObject["lastname"] = "Smith";
myObject["age"] = 25;

Beachten Sie, dass alle Objekte (einschließlich Array s) können auf diese Weise verwendet werden. Erwarten Sie jedoch nicht, dass die Standard-JavaScript-Array-Funktionen (pop, push, etc.) bei Objekten funktionieren!

Wie in der akzeptierten Antwort gesagt, können Sie dann delete um die Einträge aus den Objekten zu entfernen:

delete myObject["lastname"]

Sie sollten sich entscheiden, welchen Weg Sie einschlagen wollen - entweder verwenden Sie Objekte (assoziative Arrays / Dictionaries) oder Arrays (Maps). Mischen Sie niemals beides.