Bagaimana cara membuka file JSON di JavaScript ?

Ada dua cara untuk membuka/membaca file JSON di JavaScript, yang pertama adalah dengan menggunakan fetch dan yang kedua adalah dengan import sebagai module.

Membuka file JSON dengan fetch

Sesuai dengan selera teman-teman, untuk menggunakan fetch ini sendiri terbagi lagi menjadi 2 cara, dengan chaining dan async/await. Jika, teman-teman hanya ingin proses simple, metode chaining jadi pilihan praktis, namun jika ingin lebih rapi, saya sarankan untuk menggunakan async/await.

Fetch dengan chaining

Tanpa basa-basi berikut adalah cara fetch dengan chaining:

Dengan async/await

Membuka file JSON dengan import

Untuk membuka file JSON dengan cara ini, teman-teman harus memastikan dulu script JavaScript-nya bertype module, caranya buka dokumen html tempat teman-teman menautkan scriptnya, dan tambahkan attribute type dengan value module.

Kemudian import JSON di kode JS teman-teman.