Heim > Web-Frontend > js-Tutorial > Hauptteil

Objekte in JavaScript

Susan Sarandon
Freigeben: 2024-09-19 22:30:49
Original
927 Leute haben es durchsucht

Objects in JavaScript

hat Schlüssel-Wert-Paare, getrennt durch Doppelpunkt. Der Schlüssel wird auch als Eigentum bezeichnet
Ähnlichkeit: Indizes von Arrays werden durch Schlüssel in Objekten ersetzt.
Die Objektliteral-Syntax besteht darin, Eigenschaften direkt in {}
zu schreiben Die Reihenfolge während des Abrufs spielt bei Objekten keine Rolle, während die Reihenfolge bei Arrays von Bedeutung ist.

Arrays: werden für strukturierte Daten verwendet
Objekte: werden für unstrukturierte Daten verwendet

Eigenschaftssuchmethoden in Objekten:

  1. Verwendung der Punktnotation
  2. Verwendung der Klammernotation: Der Schlüssel wird als Zeichenfolge in [] in Anführungszeichen definiert. Der Schlüsselname kann auch ein Ausdruck sein. Ex. obj['vorname']; Ex. obj[2+3]; Das Einfügen eines Ausdrucks funktioniert nicht mit der Punktnotation. Wir müssen den endgültigen Eigenschaftsnamen verwenden und nicht den berechneten Eigenschaftsnamen.

Wenn wir also einen berechneten Eigenschaftsnamen haben, wird empfohlen, die Klammerschreibweise zu verwenden.

undefiniert wird zurückgegeben, wenn eine Eigenschaft nicht existiert und wir versuchen, darauf zuzugreifen.

obj['insta-id'] = '@juju';

Weitere Informationen finden Sie in der Operator-Prioritätstabelle im MDN.

Objektmethoden

Fns sind eine Art Wert. Daher können wir ein Schlüssel-Wert-Paar erstellen, in dem der Wert ein fn ist. Das heißt, wir können Objekten FNS hinzufügen.
Fn-Ausdrücke werden zu Methoden innerhalb von Objekten, d. h. zu einem Fn, der als Wert für einen Schlüssel an ein Objekt angehängt wird.
Die Fn-Deklaration innerhalb eines Objekts funktioniert nicht.
Die Methode ist auch eine Eigenschaft des Objekts, die einen fn-Wert enthält.
Wir können Werte in der Form haben: Array, String, Boolean, Fn usw.
obj.propName(); // ruft den fn-Wert ab und führt ihn mit ()

aus

'this': bezieht sich auf das Objekt, für das es aufgerufen wird

const person = {
  fName: 'Raja',
  lName: 'Rajeshwar',
  bYear: 1970,
  job: 'King',
  friends: ["Billu","Penchu","Ramesh"],

  calcAge: function(){
    // this will be the object which has called this method.
    // Its used to reference the object, and not hardcode it.
    console.log(this);
    // a new property is created on the person object named 'age'
    this.age = 2024 - this.bYear
    return this.age;
  }
}

person.calcAge(1970);
// age property will only exist if this fn was called atleast once else it won't exist.
person.age;
Nach dem Login kopieren

Arrays und Fns sind alle unter der Haube liegende Objekte in JS. Daher haben sie ihre eigenen Methoden.

Das obige ist der detaillierte Inhalt vonObjekte in JavaScript. 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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!