Comment supprimer des objets d'un tableau associatif en javascript ?

Question

Supposons que j'ai ce code :

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

Maintenant, si je voulais supprimer "nom de famille" ? .... y a-t-il un équivalent de
myArray["lastname"].remove() ?

(J'ai besoin que l'élément disparaisse car le nombre d'éléments est important et je veux garder les choses propres).

Answer 1

Utilisez le mot clé "delete" en Javascript.

delete myArray["lastname"];

Answer 2

Tous les objets en JavaScript sont implémentés sous forme de tableaux associatifs ou de hashtables. Ainsi, les éléments suivants sont équivalents :

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

Et, comme déjà indiqué, vous "supprimez" une propriété d'un objet via la fonction delete que vous pouvez utiliser de deux manières :

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

J'espère que ces informations supplémentaires vous aideront...

Answer 3

Problème

Aucune des réponses précédentes n'aborde le fait que Javascript n'a pas de tableaux associatifs pour commencer - il n'y a pas de array en tant que tel, voir typeof .

Ce que Javascript a, ce sont des instances d'objets avec des propriétés dynamiques. Lorsque les propriétés sont confondues avec les éléments d'une instance d'objet Array, alors de mauvaises choses™ sont vouées à se produire :

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)
}

Solution

Pour avoir une fonction de suppression universelle qui ne vous explose pas à la figure, utilisez :

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

Cela supprime seulement l'objet, mais garde la même longueur de tableau.

Pour l'enlever, vous devez faire quelque chose comme :

array.splice(index, 1);

Answer 5

Bien que la réponse acceptée soit correcte, il manque l'explication de son fonctionnement.

Tout d'abord, votre code doit refléter le fait qu'il s'agit de PAS un tableau :

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

Notez que tous les objets (y compris Array ) peuvent être utilisés de cette manière. Cependant, ne vous attendez pas à ce que les fonctions de tableau standard de JS (pop, push,...) fonctionnent sur les objets !

Comme indiqué dans la réponse acceptée, vous pouvez alors utiliser delete pour supprimer les entrées des objets :

delete myObject["lastname"]

Vous devez décider de la voie que vous souhaitez emprunter - soit utiliser des objets (tableaux associatifs / dictionnaires), soit utiliser des tableaux (cartes). Ne mélangez jamais les deux.