JavaScript-Objekte (Details)

JavaScript-Objekte (Details)

JavaScript-Objekte

1. Definition

Ein Objekt ist ein Referenzdatentyp und ein Container zum Speichern komplexer Datentypen. Es ist eine Sammlung mehrerer Attribute (Daten) und Methoden (Funktionen).

Es ermöglicht das dynamische Hinzufügen und Entfernen von Attributen

2. Klassifizierung von Objekten

(1) Eingebaute Objekte

Im ES-Standard definierte Objekte können in jeder ES-Implementierung verwendet werden

Beispiel: mathematisches Zeichenfolgenzahl-Boolesches Objekt ...

(2) Host-Objekt

Von der js-Laufzeitumgebung bereitgestellte Objekte, derzeit hauptsächlich vom Browser bereitgestellt

Beispiel: BOM DOM

(3) Benutzerdefinierte Objekte

Von Entwicklern selbst erstellte Objekte

3. Definieren Sie das Objekt

Objektliterale

Mit Objektliteralen können Sie die Eigenschaften im Objekt direkt beim Erstellen des Objekts angeben

Syntax: {Attributname:Attributwert, Attributname:Attributwert...}

Die Eigenschaftsnamen von Objektliteralen können in Anführungszeichen gesetzt werden oder nicht, es wird jedoch empfohlen, sie nicht in Anführungszeichen zu setzen.

Wenn Sie spezielle Namen verwenden möchten, müssen Sie diese in Anführungszeichen setzen.

Verwenden Sie '{}' als Grenze, trennen Sie Attribute mit ',' und trennen Sie Attribute und Attributwerte mit ':'

var obj={};

Konstruktor erstellt ein Objekt

Die mit dem Schlüsselwort new aufgerufene Funktion ist der Konstruktor

Der Konstruktor ist eine Funktion zum Erstellen von Objekten

Wenn Sie typeof verwenden, um ein Objekt zu überprüfen, wird das Objekt zurückgegeben.

var obj = neues Objekt();
console.log(Objekttyp);

4. Auf Eigenschaften in einem Objekt zugreifen

Punktzugriffssymbol.

o.name => 'Terry'
o.Alter => 12

[] Zugriffsmethode

o['Name'] => 'Frottee'
o['Alter'] => 12

Wenn Sie eine Eigenschaft lesen, die im Objekt nicht vorhanden ist, wird kein Fehler gemeldet, sondern „undefined“ zurückgegeben.

5. Fügen Sie dem Objekt Eigenschaften hinzu

Objekt.Attribut = Attributwert;

o.gender = "weiblich";

6. Objekteigenschaften löschen

Objekt.Eigenschaft löschen;

O.Geschlecht löschen;

7. Objektstammkonstruktor

Alle Objekte erben direkt oder indirekt von Object und können Methoden im Object-Prototyp aufrufen.

var o=neues Objekt();
var arr = neues Array();

8. Erkennung von Objektattributen

im Operator

Mit diesem Operator kann geprüft werden, ob ein Objekt ein bestimmtes Attribut enthält

Wenn ja, geben Sie „true“ zurück, andernfalls „false“

Grammatik:

"Eigenschaftsname" im Objekt

„Name“ in Obj;

9. Referenzübergabe und Wertübergabe

Grundlegende Datentypen werden als Wert übergeben: Grundlegende Datentypen speichern Werte direkt im Stapelbereich des Speichers

Die Variablen in js sind alle grundlegende Datentypen, die im Stapelspeicher gespeichert sind. Die Werte werden direkt im Stapelspeicher gespeichert. Die Werte existieren unabhängig voneinander. Das Ändern einer Variablen wirkt sich nicht auf andere Variablen aus.
var a=123;
var b=a;
eine ++;
konsole.log('a='+a); //124
konsole.log('b='+b); //123

Referenzdatentypen werden per Referenz übergeben: Die Referenzadresse des Referenzdatentyps wird im Stapelbereich gespeichert, und der tatsächliche Wert wird im Heap-Bereich gespeichert. Die Referenzadresse zeigt auf den Speicherplatz im Heap-Bereich.

Objekte werden im Heap-Speicher gespeichert. Jedes Mal, wenn ein neues Objekt erstellt wird, wird im Heap-Speicher neuer Speicherplatz erstellt.

Die Variable speichert die Speicheradresse des Objekts (die Referenz des Objekts). Wenn zwei Variablen dieselbe Objektreferenz speichern

Wenn eine Variable ihre Eigenschaften ändert, ist davon auch die andere betroffen.

var obj = neues Objekt();
Objektname = "Terry";
var obj2=obj;
 
//Ändern Sie das Namensattribut von Objekt obj.name='tom';
 
konsole.log(Objektname); //tom
console.log(obj2.name); //tom

Beim Vergleich zweier primitiver Datentypen wird der Vergleichswert

Beim Vergleich zweier Referenzdatentypen werden die Speicheradressen der Objekte verglichen.

Es wird auch „false“ zurückgegeben, wenn die beiden Objekte identisch sind, aber unterschiedliche Adressen haben.

var c=10;
var d=10;
console.log(c==d); //wahr
 
 
var obj3=neues Objekt;
var obj4=neues Objekt;
obj3.name='tom';
obj4.name='tom';
console.log(obj3==obj4); //falsch

10. Objektserialisierung (Konvertieren von Objekten in Zeichenfolgen)

1) Konventionelle Umwandlung

obj.tostring()

2) In JSON-String konvertieren

JSON.stringify(Objekt)

3) Abfragezeichenfolge

var qs = require('querystring'); //Node.js-Modul einführen

qs.stringify(obj) =>name=tom&alter=12

11. Erweiterte for-Schleife (for in)

Über Objekte iterieren

Grammatik:
für(var variable in object){ }
for...in-Anweisung: Die Schleife wird mehrmals ausgeführt, wenn das Objekt mehrere Attribute enthält.

Bei jeder Ausführung wird der Variable ein Eigenschaftsname im Objekt zugewiesen.

var obj = {
    Name: „Sun Wukong“,
    Alter:18,
    Geschlecht: männlich,
    Adresse: „Huaguoshan“
}
 
für(var n in obj){
    console.log('Eigenschaftsname:'+n);
    console.log('Eigenschaftswert: '+obj[n]);
    }

Dies ist das Ende dieses Artikels über Skriptobjekte in Java (Details). Weitere relevante Inhalte zu JavaScript-Objekten finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • JavaScript-Datenvisualisierung: ECharts-Kartenerstellung
  • Super detaillierte grundlegende JavaScript-Syntaxregeln
  • Detaillierte Erklärung der obligatorischen und impliziten Konvertierung von Typen in JavaScript
  • JavaScript implementiert das Ändern der Farbe einer Webseite über einen Schieberegler
  • Detaillierte Erklärung der Unterschiede zwischen var, let und const in JavaScript es6
  • Detaillierte Erklärung des this-Zeigeproblems in JavaScript
  • Fallstudie zu JavaScript-Funktionsaufrufen, Apply- und Bind-Methoden
  • Detaillierte Erklärung zur Verwendung des Arguments-Objekts in JavaScript
  • Beispiel für die JavaScript-Funktion „CollectGarbage“
  • Detaillierte Erklärung von BOM und DOM in JavaScript
  • Erläuterung der Anwendungsfälle von JavaScript setTimeout und setTimeinterval
  • JavaScript-Timer zur Realisierung einer zeitlich begrenzten Flash-Sale-Funktion
  • JavaScript zum Implementieren einer zeitlich begrenzten Flash-Sale-Funktion

<<:  So führen Sie das Springboot-Projekt im Docker aus

>>:  MySQL-Cursor-Prinzip und Analyse von Anwendungsbeispielen

Artikel empfehlen

Zwei Möglichkeiten zum Einführen von SVG-Symbolen in Vue

So führen Sie SVG-Symbole in Vue ein Methode 1 zu...

Implementierung des Whack-a-Mole-Spiels in JavaScript

In diesem Artikel finden Sie den spezifischen Cod...

js, um einen coolen Feuerwerkseffekt zu erzielen

In diesem Artikel finden Sie den spezifischen Cod...

MySQL ruft die aktuelle Datums- und Uhrzeitfunktion ab

Holen Sie sich das aktuelle Datum + die aktuelle ...

Lösung zur Deinstallation von Python und Yum im CentOs-System

Hintergrund des Unfalls: Vor einigen Tagen habe i...

JavaScript erklärt die Kapselung und Verwendung von Zeitlupenanimationen

Durchführung von Prozessanalysen (1) Wie rufe ich...

Konfigurationsmethode für die SystemC-Umgebung unter Linux

Das Folgende ist die Konfigurationsmethode unter ...

Tomcat verwendet Thread-Pool zur Verarbeitung gleichzeitiger Remote-Anfragen

Wenn wir verstehen, wie Tomcat gleichzeitige Anfr...

Beispiele für die Verwendung von HTML-Metadaten

Beispielverwendung Code kopieren Der Code lautet w...

Hadoop 2.x vs. 3.x 22-Punkte-Vergleich, Hadoop 3.x Verbesserungen gegenüber 2.x

Fragen-Leitfaden 1. Wie toleriert Hadoop 3.x Fehl...