Cara Menggunakan Tatasusunan Objek JSON dalam JavaScript

Cara Menggunakan Tatasusunan Objek Json Dalam Javascript



Notasi Objek JavaScript (JSON) ialah format yang terkenal untuk penyimpanan data serta pertukaran antara pelanggan dan pelayan. JavaScript menyediakan persekitaran untuk melakukan manipulasi dengan tatasusunan melalui objek JSON. Dengan cara ini, pengguna boleh mengubah suai dan memaparkan maklumat yang disimpan dalam tatasusunan. Dalam tutorial ini, anda akan belajar cara menggunakan tatasusunan untuk tujuan yang berbeza dengan a JSON objek.

Panduan ini menyediakan kandungan berikut:

Bagaimana untuk Menggunakan Array Objek JSON dalam JavaScript?

Objek JSON pada asasnya adalah objek berasaskan JavaScript. Objek ini boleh digunakan untuk mengakses sifat tatasusunan. Selepas mengakses, pengguna boleh menambah, memadam atau mengubah suai sifat dalam tatasusunan sedia ada. Selain itu, kaedah stringify() digunakan untuk menukar rentetan JSON kepada tatasusunan objek JSON. Dengan cara ini, kaedah push() dan pop() digunakan untuk melakukan manipulasi pada tatasusunan.







Contoh 1: Mencipta Tatasusunan Objek JSON dalam JavaScript

Satu contoh dipertimbangkan untuk mencipta tatasusunan objek JSON dengan menggunakan JavaScript. Sebagai contoh, kod disediakan di bawah.



Kod



const cikgu = {
'Nama' : 'Harry' , 'Subjek' : 'Bahasa Inggeris' ,
'umur' : '35'
} ;
konsol. log ( cikgu ) ;

Dalam kod ini, tatasusunan ' cikgu ” dicipta dengan mentakrifkan sifat seperti “ Nama ”, “ Subjek ”, dan “ umur ”.





Selepas itu, nilai yang berbeza seperti “ Harry ”, “ Inggeris ”, dan “ 35 ” diperuntukkan kepada hartanah di atas. Pada akhirnya, paparkan tatasusunan ' cikgu ” dengan menggajikan console.log() kaedah.

Pengeluaran



Output menunjukkan ' cikgu ” tatasusunan objek JSON dalam tetingkap konsol.

Contoh 2: Mengakses Tatasusunan Objek JSON dalam JavaScript

Satu contoh dianggap untuk mengakses sifat elemen tatasusunan dalam JavaScript.

Kod

konsol. log ( 'Contoh untuk Menggunakan Array oleh Objek JSON' ) ;
const cikgu = {
'Nama' : 'Harry' , 'Subjek' : 'Bahasa Inggeris' ,
'umur' : '35'
} ;
const objArr = cikgu => {
const arr = [ ] ;
const kunci = Objek . kunci ( cikgu ) ;
untuk ( biarkan x = 0 ; x < kunci. panjang ; x ++ ) {
arr. menolak ( cikgu [ kunci [ x ] ] ) ;
} ;
kembali arr ;
} ;
konsol. log ( objArr ( cikgu ) ) ;

Penerangan kod:

  • Tatasusunan ' cikgu ” dimulakan dengan mentakrifkan “ Nama ”, “ Subjek ”, dan “ umur ” hartanah.
  • Sifat ini diberikan nilai yang berbeza, seperti “ Harry ”, “ Inggeris ”, dan “ 35 ”.
  • Selepas itu, a JSON objek ' objArr ” digunakan untuk mengakses sifat unsur dan mengembalikan tatasusunan baharu.
  • Di dalam ' objArr ”, gelung for digunakan yang memasukkan nilai harta dengan menggunakan tolak() kaedah.
  • Gelung dilaksanakan sehingga semua nilai harta dimasukkan ke dalam ' arr ” tatasusunan.
  • Pada akhirnya, objArr(guru) digunakan untuk memaparkan nilai hartanah.

Pengeluaran

Output menunjukkan nilai yang berbeza, 'Harry', 'Bahasa Inggeris' dan '35' dengan memberikan sifat dalam JavaScript.

Contoh 3: Tambah atau Padam Tatasusunan Objek JSON dalam JavaScript

Satu contoh disesuaikan untuk menambah dan memadam tatasusunan elemen menggunakan objek JSON dalam JavaScript.

Kod

konsol. log ( 'Contoh untuk Menggunakan Array oleh Objek JSON' ) ;
adalah arrObj = [ { 'buah' : 'Epal' } , { 'buah' : 'Pisang' } ] ;
konsol. log ( JSON. merangkai ( arrObj ) ) ;
arrObj. menolak ( { 'buah' : 'Oren' } ) ;
konsol. log ( JSON. merangkai ( arrObj ) ) ;
arrObj. pop ( ) ;
konsol. log ( JSON. merangkai ( arrObj ) ) ;

Penerangan kod adalah seperti berikut:

  • Tatasusunan objek JSON ' arrObj ” dimulakan dengan dua sifat buah.
  • Selepas itu, yang JSON.stringify() kaedah digunakan untuk menukar nilai JavaScript kepada rentetan JSON.
  • The arrObj.push() kaedah memasukkan elemen dengan menghantar nilai ' buah-buahan ”: “ Jingga ” ke dalam tatasusunan.
  • Selepas itu, yang arrObj.pop() kaedah mengalih keluar elemen yang dimasukkan baru-baru ini daripada tatasusunan.
  • Pada akhirnya, paparkan tatasusunan objek JSON ' arrObj ” dengan menggajikan console.log() kaedah.

Pengeluaran

Output menunjukkan pelaksanaan kod di atas dengan menambah dan mengalih keluar elemen tatasusunan ' buah-buahan ”: “ Jingga ” melalui objek JSON.

Kesimpulan

Dalam artikel ini, objek JSON digunakan untuk mengakses dan mengubah suai elemen tatasusunan dalam JavaScript.
Untuk ini, gambaran keseluruhan dengan dua contoh praktikal disediakan. Dalam contoh pertama, objek JSON mengakses sifat tatasusunan dan memaparkannya pada konsol. Dalam contoh kedua, kaedah terbina dalam, stringify() , digunakan untuk menambah dan memadam sifat dalam tatasusunan. Berdasarkan artikel ini, pengguna boleh menambah, memadam atau mengubah suai sifat tatasusunan menggunakan objek JSON.