Maison > interface Web > js tutoriel > le corps du texte

Comment rechercher et remplacer un objet dans un tableau JavaScript en fonction d'une valeur de propriété spécifique ?

Patricia Arquette
Libérer: 2024-11-28 01:50:14
original
752 Les gens l'ont consulté

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

Recherche de valeurs dans des tableaux d'objets avec JavaScript

Semblable aux requêtes précédentes, cette enquête présente un scénario distinct. Nous avons un tableau d'objets sans nom qui contient des tableaux d'objets nommés. L'exigence est de localiser l'objet avec la propriété "name" définie sur "string 1". Pour référence, 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

Modification de l'objet trouvé :

Une fois l'objet souhaité localisé, il est nécessaire de le remplacer par une version mise à jour . Pour accomplir cela en JavaScript :

Recherche de l'élément du tableau :

let arr = [
    { name:"string 1", value:"this", other: "that" },
    { name:"string 2", value:"this", other: "that" }
];

let obj = arr.find(o => o.name === 'string 1');

console.log(obj);
Copier après la connexion

Cet extrait de code trouvera l'objet avec la propriété "name" définie sur "string 1" et enregistrez-le sur la console.

Remplacement du Objet :

Une fois l'objet localisé, vous pouvez le remplacer par une version modifiée :

arr[arr.indexOf(obj)] = { name:"string 1", value:"updated value", other: "that" };
Copier après la connexion

Ce code trouve l'index de l'objet localisé dans le tableau en utilisant indexOf et le remplace par l'objet modifié.

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