Comment puis-je supprimer les objets de javascript tableau associatif?

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"?....est-il un équivalent de

myArray["lastname"].remove()?

(J'ai besoin de l'élément disparu parce que le nombre d'éléments est important et je tiens à garder les choses propres.)

Un conseil: ne pas obtenir des tableaux et des cartes confus. Certaines langues, comme php, avoir un objet unique pour les deux. Si vous avez utilisé le bon type ici (new Object()) que vous l'avez nommé myArray, c'est juste une question de normes pour une langue.
N'oubliez pas que le JavaScript est de type moins et tout est un objet. Voir Saul réponse ci-dessous.
pour être précis, JS a des types, mais dans un dynamique et faible façon. Par exemple, alors que ses variables sont en effet sans type, leurs valeurs ne sont pas. C'est le dynamique partie. Faible indique que activités entre les différents types de valeur ne sont pas strictement définies et s'appuient sur les coulisses de la conversion, par exemple "Test" + {}; est parfaitement valide JS déclaration.

InformationsquelleAutor | 2008-12-06

1062

Utiliser la fonction "supprimer" clé en Javascript.
```
delete myArray["lastname"];
```
EDIT:

Dans certains moteur JavaScript, le mot clé delete pourrait nuire à la performance car il permet d'annuler la compilation /JIT optimisation.

http://www.html5rocks.com/en/tutorials/speed/v8/
http://www.smashingmagazine.com/2012/11/writing-fast-memory-efficient-javascript/
- Cela va poser des problèmes en cas d'utilisation sur un Tableau instance de l'objet pour supprimer un élément, par exemple delete myArray[0]. Voir stackoverflow.com/a/9973592/426379 et la Suppression d'éléments de tableau
- Quels sont les problèmes qui seront causés?
- Le length propriété d'un objet de Tableau reste inchangé.
- il y a aurait avoir des problèmes si myArray était vraiment utilisé comme un tableau mais ne l'est pas (myArray est malheureux nom), c'est un objet. Donc dans ce cas delete est OK. Notez que même si il a été créé comme new Array() et utilisé en tant que tableau associatif, il serait toujours OK. L'avertissement est toujours quelque chose d'être conscient de si un seul est réel en utilisant des matrices de bien.
- Vrai. C'est pourquoi j'ai commencé mon commentaire initial avec Cela va entraîner des problèmes de si est utilisé sur un Array instance de l'objet. J'ai néanmoins préférer une approche qui effectue correctement dans tous les cas, voir ma réponse ci-dessous.
- voir mon commentaire ci-dessous votre réponse.
- pas de. Ce que vous voulez peut être trouvé here
- Est-il bien l'utiliser si l'élément n'existe pas dans le tableau?
- Est-ce supprimer les objets référencés? Que faire si montableau["nom"] est une référence?
- Il n'y a rien de "destructeur" en Javascript. Le comportement de "supprimer" est simple et il suffit de faire le suivant variable non définie.
- Il fonctionne sur les objets. Les tableaux auront une valeur non définie.
- Ce qui se passe lorsque vous essayez de supprimer un attribut qui n'existe pas?
- Que faire si je veux supprimer 'lastname' de tableau 3D?
InformationsquelleAutor Dennis C
74

Tous les objets en JavaScript sont mis en œuvre comme les tables de hashage/tableaux associatifs. Ainsi, les éléments suivants sont considérés:
```
alert(myObj["SomeProperty"]);
alert(myObj.SomeProperty);
```
Et, comme déjà indiqué, vous "retirer" une propriété d'un objet via le delete mot-clé, vous pouvez utiliser de deux manières:
```
delete myObj["SomeProperty"];
delete myObj.SomeProperty;
```
Espère que la petite info en aide...
- convient de noter que le point ne fonctionne pas si la propriété n'est pas un simple terme. c'est à dire myObj['some;property'] fonctionne, mais myObj.some;property ne serait pas (pour des raisons évidentes). Aussi, il peut ne pas être évident que vous pouvez utiliser une variable dans le support de la notation, c'est à dire var x = 'SomeProperty'; alert(myObj[x])
- "Tous les objets en JavaScript sont mis en œuvre comme les tables de hashage/tableaux associatifs. "- faux. V8 préfère stocker un objet en tant que classe caché + dense champs. Seulement si vous faites des choses bizarres (par exemple, la suppression de champs), elle donne utilise un hash map derrière les coulisses.
- hey, vous reconnaître lorsque cette réponse a été écrit à l'origine, ouais? Cette description était, et est toujours, suffisante pour la plupart des besoins. Cela dit, je comprends d'être fastidieux pédant. 🙂
InformationsquelleAutor Jason Bunting
41

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

Ce que Javascript a, sont des instances d'objet avec des propriétés dynamiques. Lorsque les propriétés sont confondus avec les éléments d'un Tableau instance de l'objet puis de Mauvaises Choses™ sont tenus de se produire:

Problème
```
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

D'avoir un universel fonction de suppression qui n'a pas de sauter sur vous, 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
```
- Cette solution a deux problèmes: il cache le fait que les tableaux et les objets sont entièrement différents des bêtes en JS (vous le savez, mais, apparemment, l'OP n'a pas) et il utilise des prototypes. OP serait mieux si il a appris sur les tableaux et les objets (et le nom de ses variables en conséquence) - essayer de masquer les différences entre les deux ne lui obtenir plus d'ennuis. À mon humble avis bien sûr.
- tous les Arrays en JS sont des objets, essayez typeof new Array(); ou typeof [] à vérifier. Array est tout simplement un certain type d'un objet et non pas un "bête". En JS, les objets sont distingués par leur constructeur nom et le prototype de la chaîne, voir Prototype de base de la programmation.
- Il vous manque le point. Je sais que les tableaux sont des objets trop, mais cela ne signifie pas qu'il est judicieux de les utiliser en tant que tel. Programmeur doit décider s'il veut utiliser quelque chose comme array (avec push, pop, [],...) ou comme objet/"tableau associatif". Mélanger et assortir n'est pas une bonne recette, justement à cause des problèmes que votre solution est d'essayer de les cacher. Si vous décidez à l'avance quel modèle de conception à utiliser (tableau ou d'un objet) il n'y aura pas de tels problèmes.
- Quels sont les problèmes spécifiquement parlez-vous? L'objectif de code ci-dessus est d'adresses le déficit delete opérateur a en ce qui concerne Array en offrant une simple fonction polymorphe.
InformationsquelleAutor Saul
28

Qui ne supprime supprime l'objet, mais conserve encore la longueur du tableau même.

Pour supprimer ce que vous devez faire quelque chose comme:
```
array.splice(index, 1);
```
- En effet, mais dans ce cas, un tableau n'est pas utilisé, il suffit d'un simple objet ancien, donc il n'a pas la longueur ou la jonction de la méthode.
- c'est à 99,99% du temps, le droit d'appel
- Panagiotidis Sauf lorsque nous ne parlons pas de Tableaux, dans ce cas, c'est faux à 100% du temps
InformationsquelleAutor Bipin
14

Alors que l'on a accepté la réponse est correcte, il manque l'explication pourquoi il fonctionne.

Tout d'abord, votre code doit refléter le fait que c'est PAS un tableau:
```
var myObject = new Object();
myObject["firstname"] = "Bob";
myObject["lastname"] = "Smith";
myObject["age"] = 25;
```
Noter que tous les objets (y compris Arrays) peut être utilisé de cette façon. Cependant, ne vous attendez pas à la norme JS fonctions de tableau (pop, push,...) afin de travailler sur des objets!

Comme l'a dit à accepté de répondre, vous pouvez ensuite utiliser delete pour supprimer les entrées à partir d'objets:
```
delete myObject["lastname"]
```
Vous devez décider quel chemin vous voulez emprunter, soit utiliser des objets (tableaux associatifs /dictionnaires) ou utiliser des tableaux (des cartes). Ne jamais mélanger les deux.
- Très bonne réponse. Je ne conseillerais à personne de la lecture de ce que les Tableaux en javascript ne doit pas être réduit à "cartes", mais plutôt "listes". C'est parce que vous ne devriez pas essayer d'avoir le contrôle sur l'index des éléments lors de l'utilisation de tableaux. Si vous essayez de faire cela...eh bien, il suffit de ne pas 😀
InformationsquelleAutor johndodo

Utiliser la méthode splice pour complètement supprimer un élément à partir d'un tableau d'objets:

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");

c'est une solution générique, peut être ajouté à votre fichier js et la méthode sera disponible pour tous les tableaux, et pas juste un tableau.

InformationsquelleAutor HarpyWar

Vous utilisez un Objet, vous n'êtes pas avoir un tableau associatif pour commencer.
Avec un tableau associatif, ajout et suppression d'éléments qui va comme ceci:

    Array.prototype.contains = function(obj) 
{
var i = this.length;
while (i--) 
{
if (this[i] === obj) 
{
return true;
}
}
return false;
}
Array.prototype.add = function(key, value) 
{
if(this.contains(key))
this[key] = value;
else
{
this.push(key);
this[key] = value;
}
}
Array.prototype.remove = function(key) 
{
for(var i = 0; i < this.length; ++i)
{
if(this[i] == key)
{
this.splice(i, 1);
return;
}
}
}
//Read a page's GET URL variables and return them as an associative array.
function getUrlVars()
{
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
function ForwardAndHideVariables() {
var dictParameters = getUrlVars();
dictParameters.add("mno", "pqr");
dictParameters.add("mno", "stfu");
dictParameters.remove("mno");
for(var i = 0; i < dictParameters.length; i++)
{
var key = dictParameters[i];
var value = dictParameters[key];
alert(key + "=" + value);
}
//And now forward with HTTP-POST
aa_post_to_url("Default.aspx", dictParameters);
}
function aa_post_to_url(path, params, method) {
method = method || "post";
var form = document.createElement("form");
//move the submit function to another variable
//so that it doesn't get written over if a parameter name is 'submit'
form._submit_function_ = form.submit;
form.setAttribute("method", method);
form.setAttribute("action", path);
for(var i = 0; i < params.length; i++)
{
var key = params[i];
var hiddenField = document.createElement("input");
hiddenField.setAttribute("type", "hidden");
hiddenField.setAttribute("name", key);
hiddenField.setAttribute("value", params[key]);
form.appendChild(hiddenField);
}
document.body.appendChild(form);
form._submit_function_(); //call the renamed function
}

InformationsquelleAutor Stefan Steiger

5

Comme d'autres réponses ont indiqué, ce que vous utilisez n'est pas un tableau Javascript, mais un objet Javascript qui fonctionne presque comme un tableau associatif dans d'autres langues, sauf que toutes les clés sont converties en chaînes. La nouvelle Carte magasins de clés, de leur type d'origine.

Si vous aviez un tableau et non pas un objet, vous pouvez utiliser le tableau de .filtre fonction, pour revenir une nouvelle pile, sans l'élément que vous souhaitez supprimer:
```
var myArray = ['Bob', 'Smith', 25];
myArray = myArray.filter(function(item) {
return item !== 'Smith';
});
```
Si vous avez une ancienne version de navigateur et de jQuery, jQuery a une $.grep méthode qui fonctionne de la même façon:
```
myArray = $.grep(myArray, function(item) {
return item !== 'Smith';
});
```
- parfait explication. J'ai utilisé de filtre pour obtenir le résultat souhaité. Pourriez-vous expliquer comment l'article de retour fonctionne pour supprimer l'objet de la matrice. Je suis en supposant qu'elle retourne un tableau aussi longtemps qu'il ne comprend pas la chaîne que vous avez inclus.
InformationsquelleAutor Dzeimsas Zvirblis
4

Il est une manière élégante de Airbnb Guide de Style pour ce faire (ES7):
```
const myObject = {
a: 1,
b: 2,
c: 3
};
const { a, ...noA } = myObject;
console.log(noA); //=> { b: 2, c: 3 }
```
Droit d'auteur: https://codeburst.io/use-es2015-object-rest-operator-to-omit-properties-38a3ecffe90

InformationsquelleAutor Pavel Druzhinin
3

Si, pour quelque raison que ce soit la touche suppr ne fonctionne pas (comme il n'était pas de travail pour
moi )

Vous pouvez épissure, puis à filtrer les valeurs non définies
```
//to cut out one element via arr.splice(indexToRemove, numberToRemove);
array.splice(key, 1)
array.filter(function(n){return n});
```
Ne pas essayer et de la chaîne d'eux depuis épissure retourne éléments supprimés;

InformationsquelleAutor Leon
3

Vous pouvez supprimer une entrée de votre carte par l'assigner explicitement à "indéfini". Comme dans votre cas:

montableau["nom"] = undefined;
- Cela pourrait être utile dans le cas où l'on n'est pas sûr si la clé existe dans le dictionnaire, mais veut assainir " dans le cas où il n'. Corrigez-moi si je me trompe Amytis.
InformationsquelleAutor Amytis
2

Son très simple si vous avez underscore.js de la dépendance dans votre projet -
```
_.omit(myArray, "lastname")
```
InformationsquelleAutor vatsal

Nous pouvons l'utiliser comme une fonction trop. Angulaire déclenche une erreur si elle est utilisée comme un prototype. Merci @HarpyWar. Il m'a aidé à résoudre un problème.

var removeItem = function (object, key, value) {
if (value == undefined)
return;
for (var i in object) {
if (object[i][key] == value) {
object.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" }
];
removeItem(collection, "id", "87353080-8f49-46b9-9281-162a41ddb8df");

InformationsquelleAutor Omkar Kamale

1

À l'aide de la "delete" mot-clé, il va supprimer l'élément de tableau de tableau en javascript.

Par exemple,

Envisager la suite de déclarations.
```
var arrayElementToDelete = new Object();
arrayElementToDelete["id"]           = "XERTYB00G1"; 
arrayElementToDelete["first_name"]   = "Employee_one";
arrayElementToDelete["status"]       = "Active"; 
delete arrayElementToDelete["status"];
```
Dernière ligne de code va supprimer l'élément du tableau qui est clé est "statut" dans le tableau.

InformationsquelleAutor Ravindra Miyani

var myArray = newmyArray = new Object(); 
myArray["firstname"] = "Bob";
myArray["lastname"] = "Smith";
myArray["age"] = 25;
var s = JSON.stringify(myArray);
s.replace(/"lastname[^,}]+,/g,'');
newmyArray = JSON.parse(p);

Sans boucle/itère nous obtenons le même résultat

InformationsquelleAutor Lalith kumar

Vous devez vous connecter pour publier un commentaire.

Problème

Solution