Belajar Javascript #19 Menambah Properti Baru pada Objek

Tutorial Javascript

Ihsanuddin

02 Januari 2023

Cara menambah properti baru ke dalam suatu objek mirip dengan cara mendeklarasikannya.

Dot Notation

let objek = { namaProperti1: nilaiProperti1 };

objek.namaProperti2 = nilaiProperti2;

console.log(objek); // output: { namaProperti1: nilaiProperti1, namaProperti2: nilaiProperti2 }

Contoh:

let orang = {

nama: 'sarah',

umur: 24,

pekerjaan: 'programmer'

};

orang.kebangsaan = 'warga negara indonesia';

console.log(orang);

Output:

{

nama: 'sarah',

umur: 24,

pekerjaan: 'programmer',

kebangsaan: 'warga negara indonesia'

}

Bracket Notation

let objek = { namaProperti1: nilaiProperti1 };

objek['namaProperti2'] = nilaiProperti2;

console.log(objek); // output: { namaProperti1: nilaiProperti1, namaProperti2: nilaiProperti2 }

Contoh:

let orang = {

nama: 'sarah',

umur: 24,

pekerjaan: 'programmer'

};

orang['kebangsaan'] = 'warga negara indonesia';

console.log(orang);

Output:

{

nama: 'sarah',

umur: 24,

pekerjaan: 'programmer',

kebangsaan: 'warga negara indonesia'

}

Apakah kalian masih ingat di beberapa topik sebelumnya, kita sempat membahas tentang penggunaan let dan const di mana variabel yang dideklarasikan dengan menggunakan const tidak bisa diubah datanya terkecuali variabel itu adalah tipe objek atau array.

Jadi untuk objek JavaScript, pengubahan nilai properti seperti berikut tidak akan memunculkan error walaupun variabel objek-nya dideklarasikan dengan const:

const objek = { namaProperti1: nilaiProperti1 };

// mengubah data properti

objek.namaProperti1 = nilaiProperti2; // OK

// menambah properti baru ke objek

objek.namaProperti3 = nilaiProperti3; // OK

Variabel tipe objek dan array yang dideklarasi dengan menggunakan const bisa diubah atau ditambah nilai properti/element-nya. Tetapi variabel-nya sendiri tetap tidak bisa diubah nilainya.

Sebelumnya :
Belajar Javascript #18 Mengakses properti Objek

Selanjutnya :
Belajar Javascript #20 Menghapus Properti Objek

Artikel Lainnya Dengan Kategori Terkait :

1. Belajar Javascript #01 Belajar Menyisipkan Javascript Pada HTML menggunakan Metode Internal

2. Belajar Javascript #02 Belajar Menyisipkan Javascript Pada HTML Menggunakan Metode External

3. Belajar Javascript #03 Mendeklarasikan Variabel

4. Belajar Javascript #05 Menampilkan data di console

5. Belajar Javascript #06 Operator Aritmatika

6. Belajar Javascript #07 Assignment Operator

7. Belajar Javascript #08 String Operator

8. Belajar Javascript #09 Operator Perbandingan

9. Belajar Javascript #10 Operator Logika AND, OR, NOT, pada JavaScript

10. Belajar Javascript #11 Belajar Fungsi Pada Javascript

11. Belajar Javascript #12 Cara Mendeklarasikan Fungsi Pada Javascript

12. Belajar Javascript #13 Belajar Parameter & Argument Pada Javascript

13. Belajar Javascript #14 Belajar apa itu Function Hoisting pada javascript, dan contohnya

14. Belajar Javascript #15 Lingkup Global vs Lingkup Lokal

15. Belajar Javascript #16 Mengenal Objek Javascript

16. Belajar Javascript #17 Menggunakan Object Literal

17. Belajar Javascript #18 Mengakses properti Objek

18. Belajar Javascript #19 Menambah Properti Baru pada Objek

19. Belajar Javascript #20 Menghapus Properti Objek

20. Belajar Javascript #21 Object Method

21. Belajar Javascript Intermediate #02 ForEach

22. Belajar Javascript Intermediate #03 Map

23. Belajar Javascript Intermediate #06 Index Of

24. Belajar PHP #2 Cara Menginstall XAMPP di Windows

25. Belajar Typescript #04 | Membuat code dan menjalankan Typescript

26. Cara Install Laravel di Windows

27. Cara Menginstall Sublime Text

28. Cara Menginstall Visual Studio Code

29. Daftar Urutan Web Browser Terbaik, Cari Tau Yang Paling Cocok Buat Kamu!

30. Gampang Banget ! Begini Cara Membuat Sticker Wa

31. How to make Card-Profile

32. Mempelajari Javascript #04 Tipe Data Javascript

33. Mengenal Ektensi Pada Visual Studio Code | Part 2

Masuk Terlebih dahulu untuk berkomentar

Paling baru

Lihat Lainnya

Paling baru

ARTIKEL TERBARU