「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > 特定のプロパティに基づいて JavaScript 配列内のオブジェクトを検索して置換する方法

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

2025 年 1 月 6 日に公開
ブラウズ:580

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

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

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 です。結果の obj には次のデータが含まれます:

{ 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" }
]
最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3