Detaillierte Erläuterung von JavaScript-Objekten

1. Einführung in JavaScript-Objekte

1. Was ist ein Objekt? Objekte sind Objekte in einem Programm, und Programme werden verwendet, um die reale Welt zu beschreiben. Wenn Sie beispielsweise ein Programm schreiben möchten, um alle Informationen zu verwalten (Größe, Gewicht usw.), müssen Sie diese Informationen unabhängig voneinander eingeben in einem Container (Objekt) verwaltet in.

Zusammenfassung:

* stellt etwas in der Realität dar und ist die Abstraktion dieses Dings in der Programmierung (Daten sind ein Referenzdatentyp)

* von mehreren Daten Sammlung (Kapselung)

* Container zum Speichern mehrerer Daten

2. Warum Objekte verwenden?

Erleichtert die einheitliche Verwaltung mehrerer Daten

3. Objektzusammensetzung (Eigenschaften + Methoden)

*Attribute:

*Repräsentiert reale Statusdaten

*Bestehend aus Attributnamen und Attributwerten

*Attributnamen sind alle Zeichenfolgentypen und Attributwerte sind von beliebigem Typ

*Methoden

* Verhaltensdaten, die reale Dinge darstellen

*Methoden sind spezielle Attribute (wenn der Attributwert eine Funktion ist)

const p={
            name:'tom',//属性：属性值不是函数
            setName:function (name){//方法：属性值为函数------这个也是属性
                this.name=name;
            },
            'age':23,//属性名是字符串'age'或是‘setAge’
            'setAge':function(age){
                this.age=age;
            }
        }
        console.log(p.setName('jack'),p.name);//undefined "jack"
        p['setAge'](34);//这是函数
        console.log(p['age']);//34

4. Wie greife ich auf die Daten im Objekt zu?

* .Attributname: Einfache Codierung. Aber manchmal kann es nicht verwendet werden

*['Attributname']: Die Codierung ist mühsam, aber universell (beachten Sie, dass bei Verwendung dieses Einstellungsparameters der Zugriff auch auf diese Weise erfolgen muss)

eg:b={ 'a':3}/b=['a']-----a> ist eine Zeichenfolge und keine Variable

b[a]=3---- -->Dies ist eine Variable

5. Wann muss die Methode ['Eigenschaftsname'] verwendet werden?
a. Der Attributname enthält Sonderzeichen (z. B. Inhaltstyp)
Der Attributname ist unsicher (der Attributname ist eine Variable)

            var obj={};
            //给对象添加一个属性：'content-type':'text/json'
            //obj.content-type='text/json';//报错了，有横杆不是合法标识名
            obj['content-type']='text/json';
            console.log(obj['content-type']);

            //要对象添加一个属性，但是属性名不确定（不确定的东西要定义成变量）
            var propName='my name';
            var value='jack';
            //obj.propName=value;
            //console.log(obj)//obj={propName:'jack'}
//obj.propName不能用这个，因为想要的属性名是my name而不是propName，所以要用obj['propName']=value;
            obj[propName]=value;
            console.log(obj['propName'])
            console.log(obj)//obj={'my name':'jack'}

Die Beziehung zwischen Klassen und Objekte
Objekte werden aus Klassen generiert und Objekte einer Klasse sind eine Instanz (z. B. ein Mondkuchen und eine Mondkuchenform)

7 Überprüfen Sie, ob das Objekt zu einer bestimmten Klasse gehört
Objekt Instanz vom Typ

8. Operation

(1). Erstellungsmethode: neuer Klassenname(); Die Methode zum Erstellen von Objekten jeglichen Typs ist üblich.
Zum Beispiel: var obj = new Object();
Kurzform zum Erstellen eines Objekts vom Typ Objekt: var obj = {};

Object.Attribute name = data;
Methode 2:
Object ["Attribute name"] = data; // Die Klammern müssen Zeichenfolgen oder Variablen sein, die Zeichenfolgen speichern
(3 ). Finden Sie
Methode eins:
Objekt.Eigenschaftsname;
Methode zwei:

(4). Methode 1:
Objekt löschen. Attributname; // booleschen Wert zurückgeben, „true“ bedeutet, dass das Löschen erfolgreich war ist erfolgreich

(5). Erkennen Sie, ob ein bestimmtes Attribut in einem Objekt vorhanden ist
Object.hasOwnProperty("property name"); //Wenn es existiert, geben Sie true zurück, andernfalls geben Sie false zurück

(6) Die zweite Möglichkeit, Schlüssel-Wert-Paare zu Objekten vom Typ .Object hinzuzufügen:
var obj = {Attributname: Daten, Attributname: Daten, Attributname: Daten...};

2. Liezi

1. Wie viel gibt console.log(a[obj1]) aus?

Was sind die drei Attribute eines JavaScript-Objekts

var a={};
  var obj1={n:2};
   var obj2={n:3}
    a[obj1]=4;
a[obj2]=5;
console.log(a[obj1])//输出5 
// console.log(a)知道属性名是[object Object] ,通过这个想到对象的属性名都是字符串,对象如果转换字符串：是obj.toString(),这个是固定的方法，返回的[object Object] ,所以obj1，obj2返回是一样属性名[object
 Object] 。所以a[obj2]是对a[obj1]的覆盖

Ändern Sie den Rest und Verbreitung eines JavaScript-Objekts Eigenschaftsmethoden

JavaScript-Objekt

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von JavaScript-Objekten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!