特定のプロパティに基づいて JavaScript 配列内のオブジェクトを検索して置換する方法

オブジェクトの配列内の特定のプロパティを持つオブジェクトの検索

JavaScript では、名前のないオブジェクトの配列から特定のプロパティを検索できます。プロパティ値の一致に基づくオブジェクト。次の配列について考えてみましょう:

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

オブジェクトの検索:

プロパティ "name" が "string 1" に設定されたオブジェクトを検索するには、find を使用します。 （） 方法。構文は次のとおりです。

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

このコードは配列を反復処理し、条件 o.name === 'string 1' が true である最初のオブジェクトを返します。結果のオブジェクトには次のデータが含まれます:

{ name:"string 1", value:"this", other: "that" }

見つかったオブジェクトの置換:

オブジェクトが見つかったら、編集したバージョンに置き換えることができます。これを行うには、findIndex() メソッドを使用して配列内のオブジェクトのインデックスを取得します:

let index = array.findIndex(o => o.name === 'string 1');

次に、配列の splice() メソッドを使用してそのインデックスのオブジェクトを置き換えます:

array.splice(index, 1, { new_name: "string 1", new_value: "updated" });

これで、配列には更新されたオブジェクトが含まれます:

[
    { name:"string 1", value:"updated", other: "that" },
    { name:"string 2", value:"this", other: "that" }
]

以上が特定のプロパティに基づいて JavaScript 配列内のオブジェクトを検索して置換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。