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

Vue implementiert Baumtabelle

In diesem Artikelbeispiel wird der spezifische Co...

Zusammenfassung des Wissens zum Vue V-Modell

​v-model ist eine Vue-Direktive, die eine bidirek...

Vier Möglichkeiten zum Vergleichen von JavaScript-Objekten

Inhaltsverzeichnis Vorwort Referenzvergleich Manu...

Implementierungsbeispiel für den Bildupload mit Vue+Element+Springboot

Vor kurzem hatte ich zufällig Kontakt mit dem Pro...

Detaillierte Erklärung zur Interpretation der Nginx-Konfigurationsdatei

Die Nginx-Konfigurationsdatei ist hauptsächlich i...

Zusammenfassung gängiger Fehler beim Entwurf von MySQL-Tabellen

Inhaltsverzeichnis Fehler 1: Zu viele Datenspalte...

Detaillierte Erläuterung der dauerhaften Speicherung von Redis unter Docker

In diesem Kapitel beginnen wir mit dem Betrieb vo...

Erste Schritte mit benutzerdefinierten Anweisungen in Vue 3.0

Inhaltsverzeichnis 1. Benutzerdefinierte Anweisun...

Ein Artikel zum Verständnis von MySQL Index Pushdown (ICP)

Inhaltsverzeichnis 1. Einleitung 2. Grundsatz Pra...

Vue3 (Teil 2) Integration von Ant Design Vue

Inhaltsverzeichnis 1. Integrieren Sie Ant Design ...

Mysql-Operation zum Abrufen von Tabellenkommentarfeldern

Ich werde nicht viel Unsinn erzählen, schauen wir...