Heim > Web-Frontend > js-Tutorial > Objektliterale

Objektliterale

王林
Freigeben: 2024-08-07 10:01:00
Original
720 Leute haben es durchsucht

Object Literals

Objekte sind Sammlungen von Schlüssel-Wert-Paaren (Eigenschaften).

Um ein Objekt zu erstellen, können wir wie folgt vorgehen:

let person = {
   firstName: 'Megan',
   isOnVacation: true,
   favFoods: ['plum', 'salad', 'fritos']
}
Nach dem Login kopieren

Um auf Werte innerhalb des Objekts zuzugreifen, können wir:

console.log(person.isOnVacation); // true
console.log(person['isOnVacation']); // true
Nach dem Login kopieren

Wir können auch ein Objekt erstellen, das Objekte enthält:

let student = {
   name: 'Jimmy',
   exams: {
      artFinal: 'A',
      mathFinal: 88
   }
}
Nach dem Login kopieren

Um auf einen Wert im Objekt des Objekts zuzugreifen, können wir:

console.log(student.exams.artFinal); // 'A'
Nach dem Login kopieren

Außerdem können wir Arrays erstellen, die Objekte enthalten:

let friends = [
   {
      name: 'Sorour',
      favColor: 'blue',
      metAt: 'college'
   },
   {
      name: 'Timothy',
      favColor: 'red',
      metAt: 'Starbucks'
   }
];
Nach dem Login kopieren

Um auf einen Wert im zweiten Objekt zuzugreifen, können wir Folgendes aufrufen:

console.log(friends[1].favColor); // 'red'
Nach dem Login kopieren

Um einen Wert im zweiten Objekt zu aktualisieren, können wir:

friends[1].name = 'Tim';

console.log(friends[1].name); // Tim
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonObjektliterale. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage