Tipe Data Object javascript

tipe data object javascript

Object adalah tipe data yang digunakan untuk menyimpan sekumpulan data yang terkait dengan properti (key) dan nilainya (value). Object dituliskan dengan menggunakan tanda kurung kurawal `{}` dan masing-masing properti dipisahkan dengan tanda titik dua `:`. Berikut adalah contoh penggunaan object dalam JavaScript: 

    let siswa = {
        nama: 'Alice',
        nis: '123',
        kelas: 'X'
    };

    console.log(siswa.nama); // Output: Alice
    console.log(siswa.nis); // Output: 123
    console.log(siswa.kelas); // Output: X

Di sini, kita membuat sebuah object `siswa` yang memiliki tiga properti: `nama`, `nis`, dan `kelas`. Masing-masing properti dapat diakses dengan menggunakan operator titik `.`.

Berikut adalah contoh kasus penggunaan object dalam JavaScript:

Menyimpan data siswa dalam sebuah form:


<!DOCTYPE html>
<html>

<body>
    <h1>Formulir Siswa</h1>
    <form>
        <label>Nama:</label><br>
        <input type="text" id="nama"><br>
        <label>NIS:</label><br>
        <input type="text" id="nis"><br>
        <label>Kelas:</label><br>
        <input type="text" id="kelas"><br><br>
        <button type="button" onclick="simpanData()">Simpan</button>
    </form>

    <script>
        function simpanData() {
            let siswa = {
                nama: document.getElementById("nama").value,
                nis: document.getElementById("nis").value,
                kelas: document.getElementById("kelas").value
            };
            console.log(siswa);
        }
    </script>
</body>

</html>

Post a Comment

Lebih baru Lebih lama