Dalam tutorial ini, Anda akan belajar tentang objek JavaScript dengan bantuan contoh.
Dalam tutorial tipe data JavaScript, Anda mempelajari tentang 7 tipe data primitif yang berbeda. Dan di sini, Anda akan belajar tentang> kedelapan// object const student = ( firstName: 'ram', class: 10 );
Di sini, studentadalah objek yang menyimpan nilai seperti string dan angka.
Deklarasi Objek JavaScript
Sintaks untuk mendeklarasikan suatu objek adalah:
const object_name = ( key1: value1, key2: value2 )
Di sini, sebuah objek object_namedidefinisikan. Setiap anggota sebuah objek adalah pasangan kunci: nilai yang dipisahkan dengan koma dan diapit oleh tanda kurung kurawal ().
Sebagai contoh,
// object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object
Anda juga dapat menentukan objek dalam satu baris.
const person = ( name: 'John', age: 20 );
Dalam contoh di atas, nameand ageare keys, and Johnand 20adalah nilai masing-masing.
Ada cara lain untuk mendeklarasikan objek di JavaScript. Untuk mempelajari lebih lanjut, kunjungi Berbagai Cara untuk Menyatakan Objek JavaScript.
Properti Objek JavaScript
Dalam JavaScript, pasangan "key: value" disebut properti . Sebagai contoh,
let person = ( name: 'John', age: 20 );
Di sini, name: 'John'dan age: 20properti.
Properti objek JavaScript
Mengakses Properti Objek
Anda dapat mengakses nilai properti dengan menggunakan kuncinya .
1. Menggunakan Notasi titik
Berikut sintaks dari notasi titik.
objectName.key
Sebagai contoh,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John
2. Menggunakan Notasi braket
Berikut adalah sintaks dari notasi braket.
objectName("propertyName")
Sebagai contoh,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John
Objek Bertingkat JavaScript
Suatu objek juga dapat berisi 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, sebuah objek studentberisi nilai objek di marksproperti.
Metode Objek JavaScript
Dalam JavaScript, sebuah objek juga bisa 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, sebuah fungsi digunakan sebagai nilai untuk kunci sambutan. Itulah mengapa kita perlu menggunakan person.greet()alih-alih person.greetmemanggil fungsi di dalam objek.
Metode JavaScript adalah properti yang berisi deklarasi fungsi. Dalam tutorial berikutnya, Anda akan belajar tentang Metode JavaScript secara detail.
