Supprimer simplement un objet d'un array JS.

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Supprimer simplement un objet d'un array JS.

CedricMD

Architecte / Développeur principal

Coucou, je suis dev PHP Senior, pour des besoins pro, j'essaye de me perfectionner en JS (en React/Next/Typescript plus exactement, mais c'est un détail à mon avis).

Ma question :
J'ai un tableau d'object simple :

Code :

const superTab = [
{id: 1, name: 'toto'},
{id: 2, name: 'titi'},
{id: 3, name: 'tutu'},
];
const objToDelete = {
id: 2, name: 'titi',
};
// Ici mon soucis
console.log(superTab);

C'est de la syntaxe tapé vite fait, tapez pas si j'ai oublié une virgule quelque part.

Je souhaiterais donc qu'à l'étape "Ici mon soucis" virer l'objToDelete de mon tableau d'object pour que le console.log me sorte un array composé juste des object 1 et 3.
Je peux potentiellement y arriver avec un .map (encore que vu que mon tableau n'a pas de clé...).

Si quelqu'un a une soluce pour ça, merci d'avance.

---------------
Ceci est ma signature :)

Publicité

CedricMD

Architecte / Développeur principal

J'ai fini par trouver une solution simple à mettre en oeuvre et qui fonctionne bien dans mon cas.

Code :

let removeIndex = superTab.map(function(item) { return item.id; }).indexOf(2);
superTab.splice(removeIndex, 1);

Si quelqu'un a mieux, je reste ouvert à toute solution plus propre/adaptée.

Message édité par CedricMD le 28-03-2021 à 17:09:34

---------------
Ceci est ma signature :)

gatsu35

Blablaté par Harko

Methode Filter cher ami :

Code :

let nouveauTableau = tableau.filter(function(item) { return item.id === objToDelete.id;});

Là c'est dans le cas où tu veux un nouveau tableau filtré.

Après ta méthode est une approche qui est utile dans ton cas mais tu as toujours le même tableau.

MaybeEijOrNot

but someone at least

Le map me semble inopportun.

Code :

superTab.splice(superTab.findIndex(myEl => myEl.name === objToDelete.name), 1);

Ou alors :

Code :

superTab.splice(+objToDelete.id - 1, 1);

Message édité par MaybeEijOrNot le 29-03-2021 à 21:01:21

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

FORUM HardWare.fr

Programmation

Javascript/Node.js

Supprimer simplement un objet d'un array JS.

Sujets relatifs
[webservice] Envoyer string array	Supprimer des enregistrement différents
[Javascript] - Supprimer un élément ajouté dynamiquement	[Résolu] [JS] Besoin d’aide sur réalisation d’un convertisseur dec/hex
VBA TCD supprimer une année	Soucis avec un menu HTML et JS.
[RESOLU]Comment trier un array à 2 dimensions avec plusieurs critéres	Erreur : "TypeError: iteration over a 0-d array"
[React/JS] Actualiser image dans le front
Plus de sujets relatifs à : Supprimer simplement un objet d'un array JS.

Page générée en 0.080 secondes