Objek: peta nilai kunci

Objek di JS adalah kumpulan pasangan kunci → nilai yang tidak berurutan. Kunci adalah string (atau Symbol), nilai adalah apa saja: angka, string, array, objek lain, fungsi. Ini adalah struktur data yang paling banyak digunakan di bahasa: setiap "catatan" di domain Anda biasanya berupa objek.

const utente = {
  nome: 'Anna',
  eta: 28,
  attivo: true,
  ruoli: ['admin', 'editor'],
};

Properti membaca: titik vs braket

Ada dua notasi yang setara:

utente.nome; // 'Anna'    (dot — the normal form)
utente['nome']; // 'Anna'    (bracket — equivalent)

// Brackets are MANDATORY when:
// 1) the key is not a valid identifier
const tag = { 'codice-fiscale': 'ABC123' };
tag['codice-fiscale']; // OK
// tag.codice-fiscale;      // syntax error

// 2) the key is computed (variable/expression)
const campo = 'eta';
utente[campo]; // 28

Properti hilang menampilkan undefined, tanpa kesalahan:

utente.telefono; // undefined

Menambah, memodifikasi, menghapus

const u = { nome: 'Anna' };
u.eta = 28; // adds
u.nome = 'Anna B.'; // modifies
delete u.eta; // removes the property

delete adalah kata kunci. Ini akan menjadi kasus penggunaan yang jarang terjadi: sebagian besar kali Anda ingin membuat objek baru tanpa kunci itu (kita akan melihatnya dengan penyebaran).

Singkatan: kunci diberi nama seperti variabel

Jika nama kunci cocok dengan nama variabel, Anda dapat menghilangkan duplikasinya:

const nome = 'Anna';
const eta = 28;

const u1 = { nome: nome, eta: eta }; // explicit form
const u2 = { nome, eta }; // shorthand, equivalent

Memeriksa keberadaan properti

Tiga opsi, dalam urutan preferensi:

'nome' in utente; // true   ← in operator
utente.nome !== undefined; // true   ← works almost always
Object.hasOwn(utente, 'nome'); // true   ← modern, safe

Cobalah

Latihan#js.m3.l2.e1

Upaya: 0Memuat…

Buat objek user = { name: 'Sara', age: 22 }, lalu tambahkan properti 'active' ke true dan kembalikan objek sebagai ekspresi terakhir.

Memuat editor…

Tunjukkan petunjuk

Anda dapat menambahkan properti setelah fakta dengan notasi titik.

Solusi tersedia setelah 3 upaya

Tinjau latihan

Latihan#js.m3.l2.e2