Dalam contoh ini, Anda akan belajar membuat objek JavaScript dengan berbagai cara.
Untuk memahami contoh ini, Anda harus memiliki pengetahuan tentang topik pemrograman JavaScript berikut:
- Objek JavaScript
- Fungsi Pembuat JavaScript
Anda dapat membuat objek dengan tiga cara berbeda:
- Menggunakan objek literal
- Dengan membuat instance Object secara langsung
- Dengan menggunakan fungsi konstruktor
Contoh 1: Menggunakan literal objek
// program to create JavaScript object using object literal const person = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), greet: function() ( console.log('Hello everyone.'); ), score: ( maths: 90, science: 80 ) ); console.log(typeof person); // object // accessing the object value console.log(person.name); console.log(person.hobbies(0)); person.greet(); console.log(person.score.maths);
Keluaran
objek John membaca Halo semuanya. 90
Dalam program ini, kami telah membuat objek bernama orang .
Anda dapat membuat objek menggunakan literal objek. Objek literal digunakan ( )
untuk membuat objek secara langsung.
Sebuah objek dibuat dengan pasangan kunci: nilai .
Anda juga dapat menentukan fungsi, larik, dan bahkan objek di dalam suatu objek. Anda dapat mengakses nilai objek menggunakan .
notasi titik .
Sintaks untuk membuat objek menggunakan instance dari objek adalah:
const objectName = new Object();
Contoh 2: Buat Objek menggunakan Contoh Objek Secara Langsung
// program to create JavaScript object using instance of an object const person = new Object ( ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), greet: function() ( console.log('Hello everyone.'); ), score: ( maths: 90, science: 80 ) )); console.log(typeof person); // object // accessing the object value console.log(person.name); console.log(person.hobbies(0)); person.greet(); console.log(person.score.maths);
Keluaran
objek John membaca Halo semuanya. 90
Di sini, new
kata kunci digunakan dengan Object()
instance untuk membuat objek.
Contoh 3: Buat objek menggunakan Constructor Function
// program to create JavaScript object using instance of an object function Person() ( this.name = 'John', this.age = 20, this.hobbies = ('reading', 'games', 'coding'), this.greet = function() ( console.log('Hello everyone.'); ), this.score = ( maths: 90, science: 80 ) ) const person = new Person(); console.log(typeof person); // object // accessing the object value console.log(person.name); console.log(person.hobbies(0)); person.greet(); console.log(person.score.maths);
Keluaran
objek John membaca Halo semuanya. 90
Dalam contoh di atas, Person()
fungsi konstruktor digunakan untuk membuat objek menggunakan new
kata kunci.
new Person()
membuat objek baru.