Array Json Javascript

3 min read Jun 23, 2024

Array JSON di JavaScript

Array JSON (JavaScript Object Notation) adalah cara umum untuk menyimpan data terstruktur dalam JavaScript. Array JSON adalah kumpulan data yang diurutkan, di mana setiap elemen dapat berupa nilai primitif (string, number, boolean) atau objek JSON lainnya.

Cara Mendefinisikan Array JSON

// Array JSON sederhana
const myArray = [
    "apel", 
    "pisang", 
    "jeruk" 
];

// Array JSON dengan objek
const fruits = [
    {
        name: "apel",
        color: "merah"
    },
    {
        name: "pisang",
        color: "kuning"
    }
];

Mengakses Elemen Array JSON

Anda dapat mengakses elemen dalam array JSON menggunakan indeksnya, mulai dari 0 untuk elemen pertama.

// Mengakses elemen pertama
console.log(myArray[0]); // Output: "apel"

// Mengakses elemen kedua
console.log(fruits[1].name); // Output: "pisang"

Menambahkan dan Menghapus Elemen

Anda dapat menambahkan elemen baru ke array JSON menggunakan metode push() dan menghapus elemen menggunakan metode splice().

// Menambahkan elemen baru
myArray.push("mangga");

// Menghapus elemen kedua
myArray.splice(1, 1);

// Menampilkan array yang telah dimodifikasi
console.log(myArray);

Manipulasi Data

Anda dapat menggunakan berbagai metode array untuk memanipulasi data dalam array JSON. Beberapa metode umum termasuk:

forEach(): Mengulang setiap elemen dalam array.
map(): Membuat array baru dengan memetakan setiap elemen dalam array asli.
filter(): Memfilter elemen dalam array berdasarkan kondisi tertentu.
reduce(): Menggabungkan elemen-elemen dalam array menjadi satu nilai.

Konversi dari String JSON

Anda dapat mengonversi string JSON ke objek JavaScript menggunakan metode JSON.parse().

const jsonString = '[{"name":"apel","color":"merah"},{"name":"pisang","color":"kuning"}]';
const fruits = JSON.parse(jsonString);

console.log(fruits);

Konversi ke String JSON

Anda dapat mengonversi objek JavaScript ke string JSON menggunakan metode JSON.stringify().

const fruits = [
    {
        name: "apel",
        color: "merah"
    },
    {
        name: "pisang",
        color: "kuning"
    }
];

const jsonString = JSON.stringify(fruits);
console.log(jsonString);

Kesimpulan

Array JSON merupakan cara yang sangat berguna untuk menyimpan dan memanipulasi data dalam JavaScript. Dengan memahami cara mendefinisikan, mengakses, memanipulasi, dan mengonversi array JSON, Anda dapat menggunakannya untuk berbagai macam tugas dalam pengembangan web.