JavaScript-Programm zum Erstellen von Objekten auf verschiedene Arten

In diesem Beispiel lernen Sie, JavaScript-Objekte auf verschiedene Arten zu erstellen.

Um dieses Beispiel zu verstehen, sollten Sie die folgenden JavaScript-Programmierthemen kennen:

  • JavaScript-Objekte
  • JavaScript-Konstruktorfunktion

Sie können ein Objekt auf drei verschiedene Arten erstellen:

  1. Objektliteral verwenden
  2. Durch direktes Erstellen einer Objektinstanz
  3. Durch Verwendung der Konstruktorfunktion

Beispiel 1: Verwenden des Objektliteral

 // 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);

Ausgabe

Objekt John liest Hallo allerseits. 90

In diesem Programm haben wir ein Objekt mit dem Namen person erstellt .

Sie können ein Objekt mit einem Objektliteral erstellen. Ein Objektliteral wird verwendet ( ), um ein Objekt direkt zu erstellen.

Ein Objekt wird mit einem Schlüssel: Wert- Paar erstellt.

Sie können auch Funktionen, Arrays und sogar Objekte innerhalb eines Objekts definieren. Sie können mit der Punktnotation auf den Wert des Objekts zugreifen ..

Die Syntax zum Erstellen eines Objekts mithilfe einer Instanz eines Objekts lautet:

 const objectName = new Object();

Beispiel 2: Erstellen Sie ein Objekt direkt mit der Instanz des Objekts

 // 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);

Ausgabe

Objekt John liest Hallo allerseits. 90

Hier wird das newSchlüsselwort mit der Object()Instanz verwendet, um ein Objekt zu erstellen.

Beispiel 3: Erstellen Sie ein Objekt mit der Konstruktorfunktion

 // 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);

Ausgabe

Objekt John liest Hallo allerseits. 90

Im obigen Beispiel wird die Person()Konstruktorfunktion verwendet, um ein Objekt mit dem newSchlüsselwort zu erstellen .

new Person() erstellt ein neues Objekt.

Interessante Beiträge...