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

So implementieren Sie eine verschachtelte if-Methode in Nginx

Nginx unterstützt weder verschachtelte if-Anweisu...

RHEL7.5 MySQL 8.0.11 Installations-Tutorial

Dieser Artikel zeichnet das Installationstutorial...

So richten Sie einen FTP-Server in CentOS7 ein

FTP wird hauptsächlich für die Dateiübertragung v...

Natives JS zur Implementierung eines atmenden Karussells

Heute zeige ich Ihnen ein mit nativem JS implemen...

Implementierung eines Element-Eingabefelds, das automatisch den Fokus erhält

Beim Erstellen eines Formulars in einem aktuellen...

GZIP-Komprimierung Tomcat und Prozessdiagramm zur Verbesserung der Web-Leistung

1. Einleitung Ich habe vor Kurzem an einem Projek...

HTML implementiert problemlos abgerundete Rechtecke

Frage: Wie erreiche ich mit Div+CSS und Positioni...

Drei gängige Methoden, um HTML-Seiten nach 3 Sekunden automatisch zu springen

In der Praxis stoßen wir häufig auf ein Problem: ...

Sechs Möglichkeiten, die Größe von Docker-Images zu reduzieren

Seitdem ich 2017 mit der Arbeit an Vulhub begonne...

25 Vue-Tipps, die Sie kennen müssen

Inhaltsverzeichnis 1. Beschränken Sie Requisiten ...

Erfahren Sie mehr über die MySQL-Speicher-Engine

Inhaltsverzeichnis Vorwort 1. MySQL-Hauptspeicher...

Eine kurze Erläuterung temporärer MySQL-Tabellen und abgeleiteter Tabellen

Abgeleitete Tabellen Wenn die Hauptabfrage eine a...