首頁 > web前端 > js教程 > 如何根據特定屬性尋找並取代 JavaScript 陣列中的物件?

如何根據特定屬性尋找並取代 JavaScript 陣列中的物件?

Patricia Arquette
發布: 2024-11-28 14:26:12
原創
259 人瀏覽過

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" }
]
登入後複製

以上是如何根據特定屬性尋找並取代 JavaScript 陣列中的物件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板