So fügen Sie JavaScript-Objekte hinzu, löschen, ändern und überprüfen sie

JavaScript ist eine Skriptsprache, die in der Web-Frontend-Entwicklung weit verbreitet ist. Sie ist leicht zu erlernen und eng in HTML und CSS integriert. Sie wird häufig bei der clientseitigen Skripterstellung von Websites und Anwendungen verwendet, wodurch die Website-Präsentation dynamischer und interaktiver wird. . In JavaScript sind Objekte ein sehr wichtiger Datentyp, und das Hinzufügen, Löschen, Ändern und Abfragen von Objekten ist auch in der Front-End-Entwicklung allgegenwärtig. 1. Übersicht über JavaScript-Objekte Name, jede Eigenschaft hat einen eindeutigen Schlüssel und der Wert kann der Wert eines beliebigen JavaScript-Objekts oder primitiven Datentyps sein.

2. Definitionsmethode

Das Definieren von Objekten in JavaScript kann auf zwei Arten erreicht werden:

1) Verwendung von Objektliteralen

Ein Objektliteral ist ein in geschweifte Klammern eingeschlossener Ausdruck { }. Dies ist die am häufigsten verwendete und einfachste Möglichkeit, Objekte in JavaScript zu erstellen.

Zum Beispiel:

const person = {

Alter: 20,

}

2) Verwenden Sie den Konstruktor (Konstruktor)

In JavaScript ist der Konstruktor a Eine spezielle Funktion zum Erstellen einer Vorlage für ein Objekt. Einige Eigenschaften oder Methoden können im Konstruktor voreingestellt werden. Mit dem Schlüsselwort new können Sie den Konstruktor aufrufen und eine neue Objektinstanz erstellen. Der Prozess der Erstellung einer Objektinstanz wird oft als Instanziierung bezeichnet.

Zum Beispiel:

function Person(name, age, sex) {

this.sex = age;

2. JavaScript-Objektoperationen

1. Objektattribute hinzufügen und ändern

Name: „Tom“,

Geschlecht: „männlich“

person.name = „Jerry“;
person.age = 30 ;
person.address = "Beijing";

Im obigen Code verwenden wir das Punktsymbol, um die Objekteigenschaften über den Eigenschaftsnamen des Personenobjekts zu bedienen. Auf diese Weise können wir die Eigenschaften im Objekt ändern oder hinzufügen sie zur Laufzeit.

(2) Verwenden Sie eckige Klammern []

Wir können auch eckige Klammern [] verwenden, um auf JavaScript-Objekteigenschaften zuzugreifen und diese zu ändern. Zum Beispiel:

Name: „Tom“,

Geschlecht: „männlich“

person["name"] = „Jerry“;
person[ " age"] = 30;
person["address"] = "Beijing";

Im obigen Code verwenden wir den Klammeroperator [], um auf den Namen des Objektattributs zuzugreifen, das wir verwenden möchten. Wenn Sie neue Eigenschaften hinzufügen möchten, können Sie dies wie folgt tun:

person["propertyName"] = propertyValue;

2 Objekteigenschaften können auch in JavaScript gelöscht werden . Mit dem Schlüsselwort delete können wir Attribute löschen, die nicht mehr benötigt werden. Zum Beispiel:

Name: „Tom“,

Geschlecht: „männlich“

delete person.sex;

Im obigen Code verwenden wir Mit dem Löschschlüsselwort wird das Geschlechtsattribut im Personenobjekt gelöscht.

3. Zugriff auf Objektattribute

Auf die Attribute von Objekten in JavaScript kann über die beiden oben genannten Methoden zugegriffen und abgefragt werden. Im Folgenden stellen wir diese beiden Methoden im Detail vor.

(1) Verwenden Sie die Punktnotation.

name: „Tom“,

sex: „ male"

console.log(person.age); // Ausgabe „20“

(2) Verwenden Sie eckige Klammern []

Wir können auch eckige Klammern [] verwenden, um auf die Eigenschaften von JavaScript-Objekten zuzugreifen, zum Beispiel:

name: „Tom“,
age: 20,
Geschlecht: "männlich"

console.log(person["age"]); // Ausgabe "20"

3. Konsolidieren Sie unser theoretisches Wissen durch einen JavaScript-Objektfall.

// Studentenobjekt definieren
let student = {

name: 'Tom',
id: 001,
major: 'Computer Science',
scores: {
    math: 100,
    english: 90,
    physics: 95
}

};

// Auf Objektattribute zugreifen und diese ändern

student.scores.english = 92; / Ändere das englische Attribut

// Objektattribute löschen
delete student['major']; // Hauptattribute löschen

// Neue Attribute hinzufügen
student.gender = 'male'; // Geschlechtsattribute hinzufügen

// Objektattribute ausgeben
console .log(student.name); // Ausgabe „Jerry“
console.log(student.scores.math); // Ausgabe „100“
console.log(student.scores.english);
console.log(student.scores.physic); // Ausgabe „98“
console.log(student.gender); // Ausgabe „männlich“

Im obigen Fall erstellen wir ein JavaScript mit dem Namen „student“. . Wir haben zunächst die Punkt- und Klammeroperatoren verwendet, um auf die Eigenschaften eines Objekts zuzugreifen und diese zu ändern. Außerdem haben wir gezeigt, wie man die Eigenschaften eines Objekts löscht und dem Objekt neue Eigenschaften hinzufügt. Abschließend geben wir mehrere Eigenschaftswerte im Objekt aus.

Zusammenfassung:

In JavaScript sind Objekte ein sehr wichtiger Datentyp, und das Hinzufügen, Löschen, Ändern und Abfragen von Objekten ist auch in der Front-End-Entwicklung allgegenwärtig. Wir können die Operatoren „Punkt“ und „Klammer“ [] verwenden, um auf die Eigenschaften von JavaScript-Objekten zuzugreifen und diese zu ändern, und wir können auch das Schlüsselwort „delete“ verwenden, um Eigenschaften zu löschen, die wir nicht mehr benötigen. Als Frontend-Entwickler müssen wir mit der Bedienung von JavaScript-Objekten vertraut sein, um Webanwendungen schnell und einfach entwickeln zu können.

Das obige ist der detaillierte Inhalt vonSo fügen Sie JavaScript-Objekte hinzu, löschen, ändern und überprüfen sie. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!