Maison > interface Web > js tutoriel > Comment rechercher et remplacer un objet dans un tableau JavaScript basé sur une propriété spécifique ?

Comment rechercher et remplacer un objet dans un tableau JavaScript basé sur une propriété spécifique ?

Patricia Arquette
Libérer: 2024-11-28 14:26:12
original
259 Les gens l'ont consulté

How to Find and Replace an Object in a JavaScript Array Based on a Specific Property?

Recherche d'un objet avec une propriété spécifique dans un tableau d'objets

En Javascript, un tableau d'objets sans nom peut être recherché pour un objet particulier objet basé sur une correspondance de valeur de propriété. Considérons le tableau suivant :

var array = [
    { name:"string 1", value:"this", other: "that" },
    { name:"string 2", value:"this", other: "that" }
];
Copier après la connexion

Recherche de l'objet :

Pour rechercher l'objet avec la propriété "name" définie sur "string 1", utilisez la recherche () méthode. La syntaxe est la suivante :

let obj = arr.find(o => o.name === 'string 1');
Copier après la connexion

Ce code parcourt le tableau et renvoie le premier objet où la condition o.name === 'string 1' est vraie. L'obj résultant contiendrait les données suivantes :

{ name:"string 1", value:"this", other: "that" }
Copier après la connexion

Remplacement de l'objet trouvé :

Une fois l'objet trouvé, il peut être remplacé par une version modifiée. Pour ce faire, utilisez la méthode findIndex() pour obtenir l'index de l'objet dans le tableau :

let index = array.findIndex(o => o.name === 'string 1');
Copier après la connexion

Ensuite, utilisez la méthode splice() du tableau pour remplacer l'objet à cet index :

array.splice(index, 1, { new_name: "string 1", new_value: "updated" });
Copier après la connexion

Maintenant, le tableau contiendra l'objet mis à jour :

[
    { name:"string 1", value:"updated", other: "that" },
    { name:"string 2", value:"this", other: "that" }
]
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal