Eine kurze Diskussion über die Verwendung von Objekten in JS

Einfacher Aufzeichnung der Verwendung von Objekten in JavaScript

1. Erstellen Sie ein Objekt

 // Erstellen Sie ein leeres Objekt var o = {}; // Erstellen Sie ein Objekt mit zwei Attributen, x und y var o2 = {x: 12, y: '12', Name: 'JS'}; // Der Wert des Autorattributs in diesem Objekt ist immer noch ein Objekt var o3 = {x: 12, Autor: {name: 'js', Alter: 23, Adresse: 'China'}}; // Erstellen Sie ein leeres Objekt genauso wie {} var o4 = new Object (); // Fügen Sie das Namensattribut zum Objekt O4.Name = 'JS' hinzu

Das obige verwendet zwei Möglichkeiten, Objekte zu erstellen, eine ist die wörtliche Methode, und das andere besteht darin, Objekte mithilfe neu zu erstellen. Das Objekt nach neu wird als Konstruktor bezeichnet.

2. Objektzugriff

Aus dem obigen Punkt können wir sehen, dass wir dem entgegengesetzten O4 einen Attributnamen mit der Punktnummer mit dem Objektnamen und dem Attributnamen, der eine der Zugriffsmethoden ist, hinzugefügt haben. Es gibt zwei Möglichkeiten, auf Attributwerte in einem Objekt zuzugreifen. Die erste besteht darin, Punktnummern (.) Zu verwenden, und die zweite ist die Verwendung von Arrays (Objektname [Attributname]).

 // Erstellen Sie ein leeres Objekt var o = {}; // Erstellen Sie ein Objekt mit zwei Attributen, x, y var o2 = {x: 12, y: '12', Name: 'JS'}; // Der Wert des Autorattributs in diesem Objekt ist immer noch ein Objekt var o3 = {x: 12, Autor: {name: 'js', Alter: 23, Adresse: 'China'}}; // Erstellen Sie ein leeres Objekt genauso wie {} var o4 = new Object (); // Namensattribut addieren o4.name = 'js'/** Zugriff auf den Attributwert des Objekts*/// 1. Verwenden Sie die Punktnummer var x = o2.x; // 12 var Authorofname = o3.Author.name; // js var name = o4.name; // js // 2. Verwenden Sie die Array -Methode var x2 = o2 ['x']; // 12 var AuthorOfname2 = O3 ['Autor'] ['Name']; // js var name2 = o4 ['name']; // js

Es ist einfacher zu verstehen, wie Sie Punktnummern verwenden, um auf Attributwerte in einem Objekt zuzugreifen, aber es ist nicht leicht zu verstehen, wie Arrays verwendet werden. In JavaScript sind alle Objekte assoziative Arrays. Die sogenannten assoziativen Daten sind die Möglichkeit, auf ein Array zuzugreifen, aber diese Methode ist nicht der verwendete Index, sondern der String-Index, der als assoziative Arrays bezeichnet wird.

Im obigen Zugriff auf den Objektattributwert geht es darum, den Namen des Objektattributs zu kennen. Was ist, wenn Sie den Objektattributwert nicht kennen? Sie können für/in die Werte im Objekt durchlaufen.

 // Erstellen Sie ein Objekt mit zwei Eigenschaften, x, y, name var o2 = {x: 12, y: '12', Name: 'js'}; für (p in o2) {var property = p; var value = o2 [p]; console.log (Eigentum); console.log (Wert); }

Das Druckergebnis ist:

 X12Y12NAMEJS

Es ist ersichtlich, dass insgesamt drei Attribute vorhanden sind und ihre Werte gedruckt werden.

Wenn das Objekt komplizierter ist, können Sie einige Urteile hinzufügen, um festzustellen, ob es eine Immobilie gibt. Wie bestimmen Sie dann, ob ein Objekt eine bestimmte Eigenschaft enthält? Da die Objekte alle Objekte erben, befindet sich im Objekt eine Methode für HaSownProperty (), um festzustellen, ob im Objekt eine Eigenschaft vorhanden ist. Der Rückgabewert ist ein Boolescher. Beachten Sie, dass diese Methode nur beurteilt, ob die eigenen Attribute des Objekts existieren, und die vom Objekt geerbten Attribute nicht beurteilen.

 // Erstellen Sie ein Objekt mit zwei Eigenschaften, x, y, name var o2 = {x: 12, y: '12', Name: 'js'}; var b = o2.hasownProperty ('name') // True var b2 = o2.hasownProperty ('Alter') // Falsch

Fügen Sie Attribute hinzu und löschen Sie es

Am Anfang haben wir Objekt O4 ein Namensattribut hinzugefügt. Die neue Methode entspricht tatsächlich die gleiche zugewiesene Attributwerte. Mit dem assoziativen Array können Sie dem Objekt auch Attribute hinzufügen.

 // Erstellen Sie ein Objekt mit zwei Eigenschaften, x, y, name var o2 = {x: 12, y: '12', Name: 'js'}; // Name löschen Attribut löschen o2.name; var b = o2.hasownProperty ('name') // false // Name Attribut o2 ['name'] = 'JavaScript'; // Da das Namensattribut bereits vorhanden ist, soll der Name O2.Name = 'JS' neu zugänglich sind. var b3 = o2.hasownProperty ('Name'); //WAHR

Oben wurde das Namensattribut des Objekts O2 gelöscht, und dann wurde das Namensattribut mit dem assoziativen Array hinzugefügt, und dann wurde das Namensattribut mit der Punktnummer neu zugewiesen.

4. Umwandlung zwischen Objekten und Saiten

ECMAScript5 hat eine integrierte gegenseitige Konvertierung zwischen Objekten und Zeichenfolgen. Jetzt unterstützen die meisten Mainstream -Browser ECMascript5. Wenn es nicht unterstützt wird, können Sie die JSON2.JS -Klassenbibliothek aus dem Internet herunterladen. Diese Bibliothek kann nach Einführung in eine Datei verwendet werden.

Die Konvertierung zwischen einem Objekt und einer Zeichenfolge wird als Objektserialisierung bezeichnet, was bedeutet, dass der Status des Objekts in eine Zeichenfolge umgewandelt oder eine Zeichenfolge in ein Objekt konvertiert wird. Diese Conversions verwenden JSON als Datenaustauschformat. Der vollständige Name von JSON ist JavaScript -Objektnotation.

Verwenden Sie JSON.Stringify (), um das Objekt in eine Zeichenfolge umzuwandeln. Verwenden Sie JSON.Parse (), um die Zeichenfolge in ein Objekt umzuwandeln.

 // ein Objekt definieren var o = {name: 'javaScript', Alter: 24}; // Diese Methode ist ein Fehler beim Konvertieren in ein Objekt. Sie müssen die folgende Methode verwenden // var str = "{Name: 'JavaScript', Alter: 24}"; // Die Objektstring var str = '{"name": "JavaScript", "Alter": 24}' korrekt definieren; // das Objekt in eine Zeichenfolge umwandeln var str2 = json.Stringify (o); console.log ('str2:'+str2+', type:'+(typeof str2)); // Str2: {"Name": "JavaScript", "Alter": 24}, Typ: String // Die String in ein Objekt var o2 = json.parse (str) konvertieren; console.log ('o2:'+o2+', Typ:'+(Typeof O2)); // O2: [Objektobjekt], Typ: Objekt

Die obige implementiert gegenseitige Umwandlung zwischen Objekten und Zeichenfolgen.

Die obige kurze Diskussion über die Verwendung von Objekten in JS ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, es kann Ihnen eine Referenz geben und ich hoffe, Sie können Wulin.com mehr unterstützen.