Panduan ini menyajikan konten berikut:
- Cara Menggunakan Array Objek JSON dalam JavaScript
- Contoh 1: Membuat Array Objek JSON
- Contoh 2: Mengakses Array Objek JSON
- Contoh 3: Tambah atau Hapus Array Objek JSON
Bagaimana Cara Menggunakan Array Objek JSON dalam JavaScript?
Objek JSON pada dasarnya adalah objek berbasis JavaScript. Objek-objek ini dapat digunakan untuk mengakses properti array. Setelah mengakses, pengguna dapat menambah, menghapus, atau memodifikasi properti dalam array yang ada. Selain itu, metode stringify() digunakan untuk mengonversi string JSON ke array objek JSON. Dengan cara ini, metode push() dan pop() digunakan untuk melakukan manipulasi pada array.
Contoh 1: Membuat Array Objek JSON dalam JavaScript
Contoh dipertimbangkan untuk membuat larik objek JSON dengan menggunakan JavaScript. Misalnya, kode disediakan di bawah ini.
Kode
konstan guru = {
'Nama' : 'Harry' , 'Subjek' : 'Bahasa inggris' ,
'usia' : '35'
} ;
menghibur. catatan ( guru ) ;
Dalam kode ini, sebuah array “ guru ” dibuat dengan mendefinisikan properti seperti “ Nama ”, “ Subjek ', dan ' usia ”.
Setelah itu, nilai yang berbeda seperti “ Harry ”, “ Bahasa inggris ', dan ' 35 ” ditugaskan ke properti di atas. Pada akhirnya, tampilkan array “ guru ” dengan menggunakan konsol.log() metode.
Keluaran
Keluaran menunjukkan “ guru ” larik objek JSON di jendela konsol.
Contoh 2: Mengakses Array Objek JSON dalam JavaScript
Contoh dianggap mengakses properti elemen array dalam JavaScript.
Kode
menghibur. catatan ( 'Contoh Menggunakan Array dengan Objek JSON' ) ;konstan guru = {
'Nama' : 'Harry' , 'Subjek' : 'Bahasa inggris' ,
'usia' : '35'
} ;
konstan objArr = guru => {
konstan arr = [ ] ;
konstan kunci = Obyek . kunci ( guru ) ;
untuk ( biarkan x = 0 ; x < kunci. panjangnya ; x ++ ) {
arr. dorongan ( guru [ kunci [ x ] ] ) ;
} ;
kembali arr ;
} ;
menghibur. catatan ( objArr ( guru ) ) ;
Deskripsi kode:
- Sebuah array “ guru ” diinisialisasi dengan mendefinisikan “ Nama ”, “ Subjek ', dan ' usia ” properti.
- Properti ini diberi nilai yang berbeda, seperti “ Harry ”, “ Bahasa inggris ', dan ' 35 ”.
- Setelah itu, JSON objek “ objArr ” digunakan untuk mengakses properti elemen dan mengembalikan array baru.
- Di dalam ' objArr ”, perulangan for digunakan yang menyisipkan nilai properti dengan menggunakan dorongan() metode.
- Loop dijalankan sampai semua nilai properti dimasukkan ke dalam ' arr ' Himpunan.
- Pada akhirnya, objArr(guru) digunakan untuk menampilkan nilai properti.
Keluaran
Output menunjukkan nilai yang berbeda, 'Harry', 'English', dan '35' dengan menetapkan properti di JavaScript.
Contoh 3: Tambah atau Hapus Array Objek JSON di JavaScript
Contoh diadaptasi untuk menambah dan menghapus array elemen menggunakan objek JSON di JavaScript.
Kode
menghibur. catatan ( 'Contoh Menggunakan Array dengan Objek JSON' ) ;dulu arrObj = [ { 'buah' : 'Apel' } , { 'buah' : 'Pisang' } ] ;
menghibur. catatan ( JSON. merangkai ( arrObj ) ) ;
arrObj. dorongan ( { 'buah' : 'Oranye' } ) ;
menghibur. catatan ( JSON. merangkai ( arrObj ) ) ;
arrObj. pop ( ) ;
menghibur. catatan ( JSON. merangkai ( arrObj ) ) ;
Deskripsi kodenya adalah sebagai berikut:
- Array objek JSON “ arrObj ” diinisialisasi dengan dua sifat buah.
- Setelah itu, JSON.stringify() metode ini digunakan untuk mengonversi nilai JavaScript ke string JSON.
- Itu arrObj.push() metode menyisipkan elemen dengan melewatkan nilai “ buah ”: “ Oranye ” ke dalam larik.
- Setelah itu, arrObj.pop() metode menghapus elemen yang baru saja dimasukkan dari array.
- Pada akhirnya, tampilkan array objek JSON “ arrObj ” dengan menggunakan konsol.log() metode.
Keluaran
Output menunjukkan eksekusi kode di atas dengan menambahkan dan menghapus elemen array “ buah ”: “ Oranye ” melalui objek JSON.
Kesimpulan
Dalam artikel ini, objek JSON digunakan untuk mengakses dan memodifikasi elemen array dalam JavaScript.
Untuk ini, ikhtisar dengan dua contoh praktis disediakan. Pada contoh pertama, objek JSON mengakses properti array dan menampilkannya di konsol. Dalam contoh kedua, metode bawaan, merangkai() , digunakan untuk menambah dan menghapus properti dalam array. Berdasarkan artikel ini, pengguna dapat menambahkan, menghapus, atau memodifikasi properti array menggunakan objek JSON.