Heim > Web-Frontend > js-Tutorial > Wie finde und ersetze ich ein Objekt in einem JavaScript-Array basierend auf einem bestimmten Eigenschaftswert?

Wie finde und ersetze ich ein Objekt in einem JavaScript-Array basierend auf einem bestimmten Eigenschaftswert?

Patricia Arquette
Freigeben: 2024-11-28 01:50:14
Original
760 Leute haben es durchsucht

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

Werte in Arrays von Objekten mit JavaScript finden

Ähnlich wie bei früheren Abfragen stellt diese Untersuchung ein anderes Szenario dar. Wir haben ein Array unbenannter Objekte, das Arrays benannter Objekte enthält. Die Anforderung besteht darin, das Objekt zu finden, dessen Eigenschaft „Name“ auf „Zeichenfolge 1“ festgelegt ist. Betrachten Sie als Referenz die folgende Anordnung:

var array = [
    { name:"string 1", value:"this", other: "that" },
    { name:"string 2", value:"this", other: "that" }
];
Nach dem Login kopieren

Ändern des gefundenen Objekts:

Beim Auffinden des gewünschten Objekts besteht die Notwendigkeit, es durch eine aktualisierte Version zu ersetzen . So erreichen Sie dies in JavaScript:

Suchen des Array-Elements:

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);
Nach dem Login kopieren

Dieses Code-Snippet findet das Objekt, dessen Eigenschaft „name“ auf festgelegt ist „string 1“ und protokollieren Sie es in der Konsole.

Ersetzen der Objekt:

Sobald das Objekt gefunden wurde, können Sie es durch eine modifizierte Version ersetzen:

arr[arr.indexOf(obj)] = { name:"string 1", value:"updated value", other: "that" };
Nach dem Login kopieren

Dieser Code findet den Index des gefundenen Objekts im Array mit indexOf und ersetzt es durch das geänderte Objekt.

Das obige ist der detaillierte Inhalt vonWie finde und ersetze ich ein Objekt in einem JavaScript-Array basierend auf einem bestimmten Eigenschaftswert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage