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

Im Airbnb Style Guide gibt es eine elegante Möglichkeit, dies zu tun (ECMAScript 7):

const myObject = {
  a: 1,
  b: 2,
  c: 3
};
const { a, ...noA } = myObject;
console.log(noA); // => { b: 2, c: 3 }

Copyright: https://codeburst.io/use-es2015-object-rest-operator-to-omit-properties-38a3ecffe90

Answer 2

Wie bereits in anderen Antworten erwähnt, verwenden Sie kein JavaScript-Array, sondern ein JavaScript-Objekt, das fast so funktioniert wie ein assoziatives Array in anderen Sprachen, mit der Ausnahme, dass alle Schlüssel in Zeichenketten umgewandelt werden. Das neue Karte speichert Schlüssel als ihren ursprünglichen Typ.

Wenn Sie ein Array und kein Objekt hätten, könnten Sie die Array-Funktion .filtern Funktion, um ein neues Array ohne das zu entfernende Element zurückzugeben:

var myArray = ['Bob', 'Smith', 25];
myArray = myArray.filter(function(item) {
    return item !== 'Smith';
});

Wenn Sie einen älteren Browser und jQuery verwenden, hat jQuery eine $.grep Methode, die in ähnlicher Weise funktioniert:

myArray = $.grep(myArray, function(item) {
    return item !== 'Smith';
});

Answer 3

Methode verwenden splice um ein Element vollständig aus einem Objekt-Array zu entfernen:

Object.prototype.removeItem = function (key, value) {
    if (value == undefined)
        return;

    for (var i in this) {
        if (this[i][key] == value) {
            this.splice(i, 1);
        }
    }
};

var collection = [
    { id: "5f299a5d-7793-47be-a827-bca227dbef95", title: "one" },
    { id: "87353080-8f49-46b9-9281-162a41ddb8df", title: "two" },
    { id: "a1af832c-9028-4690-9793-d623ecc75a95", title: "three" }
];

collection.removeItem("id", "87353080-8f49-46b9-9281-162a41ddb8df");

Answer 4

Wenn Sie einen funktionelleren und eleganteren Ansatz wünschen, können Sie wie folgt vorgehen:

const o = { firstName: "foo", lastName: "bar" };
const { lastName, ...removed } = o;
lastName // bar
removed // { firstName: "foo" }

Beachten Sie, dass der Wert von removed ist undefiniert, wenn keine Gegenstände mehr im Objekt vorhanden sind.

Answer 5

Durch die Verwendung des "delete" Schlüsselwort, wird das Array-Element aus dem Array in JavaScript gelöscht.

Zum Beispiel,

Beachten Sie die folgenden Aussagen.

var arrayElementToDelete = new Object();

arrayElementToDelete["id"]           = "XERTYB00G1";
arrayElementToDelete["first_name"]   = "Employee_one";
arrayElementToDelete["status"]       = "Active";

delete arrayElementToDelete["status"];

Die letzte Zeile des Codes entfernt das Array-Element, dessen Schlüssel "status" ist, aus dem Array.