如何使用 JavaScript 向 JSON 物件新增元素?
本文將介紹如何使用 JavaScript 向 JSON 物件新增元素。
JSON 物件字面量是鍵值對,其中鍵和值用冒號分隔,並用大括號 {} 括起來。
示例 1
在此示例中,我們使用方括號表示法向 json 物件新增元素,
var jsonObject = { members: { host: "hostName", viewers: { userName1: "userData1", userName2: "userData2" } } } console.log("A json object is defined as: ") console.log(jsonObject); console.log("
Adding an element using the bracket notation") jsonObject.members.viewers['userName3'] = 'userData3'; console.log("
A json object after adding a property is: ") console.log(jsonObject);
步驟 1 − 定義名為“jsonObject”的 json 物件
步驟 2 − 定義要向其新增新元素的路徑。
步驟 3 − 使用方括號表示法將新元素新增到已定義的路徑中。
步驟 4 − 顯示結果。
示例 2
在此示例中,推送元素陣列。
var jsonObject = { members: { host: "hostName", viewers: { userName1: "userData1", userName2: "userData2" } } } console.log("A json object is defined as: ") console.log(jsonObject); console.log("
Adding an element using the dot notation") jsonObject.members.viewers.userName3 = 'userData3'; console.log("
A json object after adding a property is: ") console.log(jsonObject);
說明
步驟 1 − 定義名為“jsonObject”的 json 物件
步驟 2 − 定義要向其新增新元素的路徑。
步驟 3 − 使用點表示法將新元素新增到已定義的路徑中。
步驟 4 − 顯示結果。
廣告