Einführung in JavaScript-Objekte | Komentor

Dieser Beitrag wurde ursprünglich in veröffentlicht mein Blog.

Objekt ist die Art und Weise, eine Gruppe von Daten in Schlüssel-Wert-Paaren zu speichern. Das Objekt wird durch das Symbol { } gekennzeichnet.

Angenommen, wir müssen den Vornamen, den Nachnamen und die Nationalität von jemandem auflisten.

=>Durch die Verwendung von Array

const person = ['Frugence', 'Fidel', 'Tanzanian'];

hier ist es schwierig zu verstehen, welcher Wert Vor- und Nachname ist, vielleicht durch Raten. Was passiert, wenn Array-Werte ausgetauscht werden?

const person = ['Fidel', 'Tanzanian', 'Frugence'];


person[2]; 

Dies ist eine perfekte Verwendung für ein Objekt.

=>Durch die Verwendung von Object

const person = {
  firstName: 'Frugence',
  lastName: 'Fidel',
  nationality: 'Tanzanian'
};

Jetzt ist es einfach, Daten zu lesen, selbst wenn die Position vertauscht ist.

const person = {
  lastName: 'Fidel',
  nationality: 'Tanzanian',
  firstName: 'Frugence'
};

Objekt erstellen

Es gibt zwei gängige Methoden zum Erstellen eines Objekts. Sie können ein leeres Objekt erstellen und später Daten hinzufügen oder mit seinen Daten erstellen.

ich. Bei leerem Objekt fügen Sie später Daten hinzu


const person = {};


person['firstName'] = 'Frugence';
person['lastName'] = 'Fidel';
person['nationality'] = 'Tanzanian';

console.log(person); 

ii. Mit seinen Daten

const person = {
  firstName: 'Frugence',
  lastName: 'Fidel',
  nationality: 'Tanzanian'
};

console.log(person); 

Zugriff auf die Daten des Objekts

Es gibt zwei gängige Möglichkeiten, auf Daten von Objekten zuzugreifen, nämlich Klammer- und Punktnotation.

const person = {
  firstName: 'Frugence',
  lastName: 'Fidel',
  nationality: 'Tanzanian'
};


const first = person['firstName'];
console.log(first); 


const last = person.lastName;
console.log(last); 

Objektdaten aktualisieren

Sie können Objekte aktualisieren, indem Sie entweder die Punktnotation oder die Klammernotation verwenden

const person = {
  firstName: 'Frugence',
  lastName: 'Fidel'
};


person['firstName'] = 'John';


person.lastName = 'Doe';

console.log(person); 

Methode zu Objekt hinzufügen

Methoden sind Funktionen innerhalb des Objekts.

const person = {
  firstName: 'Frugence',
  lastName: 'Fidel',
  nationality: 'Tanzanian',
  sayHi() {
    return `Hi!! My name is ${person.firstName} ${person.lastName}, and I'm ${person.nationality}`;
  }
};


console.log(person.sayHi()); 

Datentyp im Objekt

Das Objekt kann beliebige Javascript-Datentypen enthalten.

const person = {
  fullName: 'Frugence Fidel',
  isTanzanian: true,
  luckyNumber: 1
};

Objekt und Array verschachteln

Manchmal müssen Sie möglicherweise Objekt und Array verschachteln, um Ihre Anforderungen zu erfüllen.

const person = {
  fullName: 'Frugence Fidel',
  hobbies: ['Watch TV', 'Football', 'Reading', 'Coding']
};

Similar Posts

Leave a Reply

Your email address will not be published.