Dalam tutorial ini, anda akan belajar mengenai objek JavaScript dengan bantuan contoh.
Dalam tutorial jenis data JavaScript, anda belajar mengenai 7 jenis data primitif yang berbeza. Dan di sini, anda akan belajar mengenai kelapan>// object const student = ( firstName: 'ram', class: 10 );
Di sini, studentadalah objek yang menyimpan nilai seperti rentetan dan nombor.
Deklarasi Objek JavaScript
Sintaks untuk menyatakan objek adalah:
const object_name = ( key1: value1, key2: value2 )
Di sini, objek object_nameditakrifkan. Setiap anggota objek adalah kunci: pasangan nilai dipisahkan dengan koma dan dilampirkan dalam pendakap kerinting ().
Sebagai contoh,
// object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object
Anda juga boleh menentukan objek dalam satu baris.
const person = ( name: 'John', age: 20 );
Dalam contoh di atas, namedan agemerupakan kunci, dan Johndan 20masing-masing adalah nilai.
Terdapat cara lain untuk menyatakan objek dalam JavaScript. Untuk mengetahui lebih lanjut, kunjungi Cara Berbeza untuk Menyatakan Objek JavaScript.
Properties Objek JavaScript
Dalam JavaScript, pasangan "key: value" disebut sifat . Sebagai contoh,
let person = ( name: 'John', age: 20 );
Di sini, name: 'John'dan age: 20adalah sifat.
Properti objek JavaScript
Mengakses Sifat Objek
Anda boleh mengakses nilai harta tanah dengan menggunakan kuncinya .
1. Menggunakan Notasi titik
Inilah sintaks notasi titik.
objectName.key
Sebagai contoh,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John
2. Menggunakan Notasi kurungan
Berikut adalah sintaks notasi kurungan.
objectName("propertyName")
Sebagai contoh,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John
Objek Bersarang JavaScript
Objek juga boleh mengandungi objek lain. Sebagai contoh,
// nested object const student = ( name: 'John', age: 20, marks: ( science: 70, math: 75 ) ) // accessing property of student object console.log(student.marks); // (science: 70, math: 75) // accessing property of marks object console.log(student.marks.science); // 70
Dalam contoh di atas, objek studentmengandungi nilai objek dalam marksharta benda.
Kaedah Objek JavaScript
Dalam JavaScript, objek juga dapat berisi fungsi. Sebagai contoh,
const person = ( name: 'Sam', age: 30, // using function as a value greet: function() ( console.log('hello') ) ) person.greet(); // hello
Di sini, fungsi digunakan sebagai nilai untuk kunci salam. Itulah sebabnya kita perlu menggunakan person.greet()dan bukannya person.greetmemanggil fungsi di dalam objek.
Kaedah JavaScript adalah sifat yang mengandungi deklarasi fungsi. Dalam tutorial seterusnya, anda akan belajar mengenai Kaedah JavaScript secara terperinci.
