Bagaimana untuk menambah elemen pada objek JSON menggunakan JavaScript?

Dalam artikel ini, anda akan belajar cara menambah elemen pada objek JSON menggunakan JavaScript.

JSON objek literal ialah kunci dan nilai yang dipisahkan oleh titik bertindih yang dikelilingi oleh pendakap {}.

Contoh 1

Dalam contoh ini, kami menggunakan notasi kurungan untuk menambah elemen pada objek 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);

• Langkah 1 - Tentukan objek json, iaitu "jsonObject"

• Langkah 2 - Tentukan laluan ke mana elemen baharu mesti ditambah.

• Langkah 3 - Gunakan notasi kurungan untuk menambah elemen baharu pada laluan yang ditentukan.

• Langkah 4 - Paparkan hasil.

Contoh 2

Dalam contoh ini, menolak pelbagai elemen

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);

Arahan

• Langkah 1 - Tentukan objek json, iaitu "jsonObject"

• Langkah 2 - Tentukan laluan ke mana elemen baharu mesti ditambah.

• Langkah 3 - Tambahkan elemen baharu pada laluan yang ditentukan menggunakan tatatanda titik.

• Langkah 4 - Paparkan hasil.

Atas ialah kandungan terperinci Bagaimana untuk menambah elemen pada objek JSON menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!