JSON ialah format integrasi data ringan yang digunakan terutamanya untuk menyimpan dan mengangkut data dari satu pelayan atau sistem ke yang lain. Sebaliknya, Peta juga menyimpan data dan ia menggunakan format nilai kunci di mana kunci boleh mempunyai sebarang jenis data. Pembangun boleh mendapatkan semula data tertentu dengan memilih kunci yang sepadan.
Artikel ini menerangkan proses untuk menukar JSON kepada/daripada Peta dalam JavaScript dengan merangkumi bahagian berikut:
- Bagaimana untuk Menukar Data JSON ke Peta dalam JavaScript?
- Bagaimana untuk Menukar Data JSON Dari Peta dalam JavaScript?
- Cara Mengambil API JSON dan Menukar Datanya Menjadi Peta
Bagaimana untuk Menukar Data JSON ke Peta dalam JavaScript?
Menukar data JSON ke dalam Peta mengekalkan format pasangan nilai kunci sebagai “Peta” dan juga menyimpan data dalam bentuk nilai kunci seperti JSON. Jadi, pembangun boleh mengekalkan susunan asal kunci yang tidak dijamin dengan penukaran objek JavaScript. Menukar “JSON” data ke dalam “Peta” menawarkan lebih fleksibiliti dan membolehkan pembangun menggunakan kaedah terbina dalam Peta untuk memberikan kemudahan semasa merentasi data.
Mari lawati blok kod di bawah yang mana data berkod keras JSON akan ditukar menjadi Peta:
< jenis skrip = 'teks/javascript' >
const jsonFormat = '{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'} ' ;
const mapFormat = baru Peta ( Objek . entri ( JSON. menghuraikan ( jsonFormat ) ) ) ;
konsol. log ( mapFormat ) ;
skrip >
Penjelasan kod di atas dinyatakan sebagai:
- Pertama, buat pembolehubah jenis const bernama 'jsonFormat' mengandungi data dalam format JSON iaitu dalam format nilai kunci.
- Seterusnya, buat contoh baharu Peta dengan nama “mapFormat” . Untuk menghuraikan data JSON, luluskan “mapFormat” di dalam “JSON.parse()” kaedah.
- Kemudian, hantarkan hasil yang dikembalikan oleh kaedah ini ke dalam “Object.entry()” untuk mencipta tatasusunan tatasusunan dan setiap tatasusunan dalam mewakili pasangan nilai kunci.
- Lulus hasil akhir atau semua kaedah ini sepanjang penjajaran yang betul di dalam “Peta” pembina. Sekarang, contohnya “mapFormat” mengandungi data JSON yang ditukar yang akan dipaparkan pada tetingkap konsol menggunakan “console.log()” kaedah.
Selepas penyusunan kod di atas, tetingkap konsol akan kelihatan seperti ini:
Output mengesahkan bahawa data JSON telah ditukar menjadi Peta. Untuk mendapatkan maklumat lanjut dan contoh untuk menukar data JSON kepada tatasusunan atau Peta, anda boleh melawat kami yang lain artikel .
Bagaimana untuk Menukar Data JSON Dari Peta dalam JavaScript?
Menukar data kepada format JSON meningkatkan ketersediaan seumur hidup dan membolehkan anda menghantar data ini ke mana-mana sahaja melalui rangkaian tanpa kehilangan data. Selain itu, format JSON mudah dibaca manusia dan boleh digunakan dalam API web atau fail konfigurasi. Dalam program di bawah, data Peta akan ditukar kepada format JSON:
< jenis skrip = 'teks/javascript' >const mapFormat = baru Peta ( [
[ 'pengarang1' , 'Jackson' ] ,
[ 'pengarang2' , 'Reed' ] ,
[ 'pengarang3' , 'Tasha' ] ,
[ 'pengarang4' , 'Peterson' ] ,
] ) ;
const jsonFormat = JSON. merangkai ( Objek . fromEntries ( mapFormat ) ) ;
konsol. log ( jsonFormat ) ;
skrip >
Penjelasan blok kod di atas dinyatakan sebagai:
- Pertama, contoh bernama “mapFormat” dicipta untuk Peta yang mengandungi beberapa entri.
- Seterusnya, yang “Object.fromEntries()” kaedah digunakan dan “mapFormat” diteruskan kepadanya. Ini akan menukar data Peta yang disediakan kepada tatasusunan bersarang.
- Kemudian, tatasusunan bersarang dihantar ke “JSON.stringify()” kaedah untuk menukar tatasusunan bersarang ke dalam format JSON sambil mengekalkan penjajaran pasangan nilai kunci.
- Pada akhirnya, data format JSON yang dijana akan dipaparkan pada tetingkap konsol.
Output yang dihasilkan selepas penyusunan kod di atas ditunjukkan di bawah:
Output menunjukkan bahawa data Peta kini berjaya ditukar kepada format JSON.
Bagaimana untuk Mengambil API JSON dan Menukar Datanya Menjadi Peta?
Data JSON yang diterima daripada API juga boleh ditukar terus kepada Peta dengan menggunakan pendekatan yang sama yang diterangkan di atas dalam bahagian pertama. Untuk melakukan ini, API perlu diambil dahulu kemudian data JSON yang diambil akan ditukar ke dalam Peta, seperti ditunjukkan di bawah:
< skrip >tak segerak fungsi convertJSONApi ( ) {
cubalah {
const semula = tunggu ambil ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
const jsonFormat = tunggu res. json ( ) ;
const mapFormat = baru Peta ( Objek . entri ( jsonFormat ) ) ;
konsol. log ( mapFormat ) ;
} tangkap ( causeError ) {
konsol. ralat ( 'Ralat mengambil atau menukar data:' , causeError ) ;
}
}
convertJSONApi ( ) ;
skrip >
Penerangan kod di atas dinyatakan di bawah:
- Pertama, fungsi tak segerak dinamakan 'convertJSONApi()' ditakrifkan dengan menggunakan kata kunci 'async' di belakang fungsi “kata kunci” .
- Seterusnya, gunakan “cuba” blok dan buat a “const” pembolehubah jenis 'res' yang akan menyimpan data yang diambil daripada API. Pengambilan dilakukan dengan memasukkan pautan API di dalam 'ambil()' kaedah. Juga, lampirkan “menunggu” kata kunci di sebalik ini 'ambil()' kaedah untuk menunggu ketibaan semua data API.
- Kemudian, gunakan “json()” kaedah pada pembolehubah 'res' untuk membaca semua data yang diterima atau diambil. The “menunggu” kata kunci juga digunakan di belakangnya untuk menunggu selesai membaca data. Lulus keputusan dalam pembolehubah bernama 'jsonFormat' .
- Selepas itu, yang 'jsonFormat' diluluskan di dalam kaedah yang dinamakan “Object.entry()” untuk membuat tatasusunan bersarang untuk data yang disediakan. Ini kemudiannya diluluskan di dalam “Peta()” pembina untuk menukar tatasusunan ke dalam Peta dan disimpan dalam “Peta” contoh bernama “mapFormat” .
- API JSON yang diambil ini yang kini ditukar kepada Peta kemudiannya dipaparkan pada konsol dengan memaparkan “mapFormat” pembolehubah di dalam “console.log()” kaedah.
- Untuk menangkap sebarang ralat yang disebabkan semasa keseluruhan proses, gunakan “tangkap” menyekat dan lulus parameter tiruan di dalamnya yang mengandungi ralat yang berlaku dan untuk mengendalikannya memaparkan mesej tiruan.
Output selepas selesai kod di atas ditunjukkan di bawah:
Output menunjukkan bahawa data format JSON telah diambil daripada API yang disediakan dan kemudian data ini ditukar kepada Peta.
Anda telah mempelajari tentang proses untuk menukar JSON kepada Map dan Map kepada JSON dalam JavaScript.
Kesimpulan
Untuk menukar data JSON kepada Peta, kaedah seperti “JSON.parse()” dan “Object.entry()” digunakan. Yang pertama menghuraikan data JSON dan yang kedua mencipta tatasusunan bersarang bagi data yang dihuraikan. Dalam kes menukar data Peta kepada format JSON, fail 'Object.fromEntries()' dan “JSON.stringify()” kaedah digunakan yang akan menukar data ke dalam tatasusunan bersarang dan menukarnya ke dalam format JSON masing-masing. Blog ini telah menerangkan prosedur untuk menukar JSON kepada dan dari Peta dalam JavaScript.