Heim > Web-Frontend > js-Tutorial > Hauptteil

So erstellen Sie Objekte in JavaScript

不言
Freigeben: 2018-12-15 14:13:51
Original
2376 Leute haben es durchsucht

Ein Objekt ist eine Sammlung von Attributen. Ein Attribut kann zum Verwalten von Daten verwendet werden, dem ein Name (Attributname) vorangestellt ist wird die Verwendung von So erstellen Sie Objekte in So erstellen Sie Objekte in So erstellen Sie Objekte in JavaScript-Objekten im Detail vorstellen.

So erstellen Sie Objekte in So erstellen Sie Objekte in So erstellen Sie Objekte in JavaScript

Sehen wir uns zunächst an, wie man ein Objekt erstellt

Erstellen Sie eine Traffic-Light-Variable (Ampel) und schreiben Sie eine Ein Programm, das Nachrichten in Farbe anzeigt.

Der Code lautet wie folgt

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>So erstellen Sie Objekte in So erstellen Sie Objekte in So erstellen Sie Objekte in JavaScript</title>
  </head>
  <body>
    <script>
      var traffic_light = {
        blue: "go",
        yellow: "slow down",
        red: "stop"
      }
    </script>
 </body>
 </html>
Nach dem Login kopieren

Blau bedeutet „gehen“, Gelb bedeutet „langsamer“ und Rot bedeutet „Stopp“. Objekte mit diesen drei Attributen repräsentieren die definierte Traffic-Light-Variable.

Nennen wir diese drei definierten Attribute

Der Code lautet wie folgt

<script>
  var traffic_light = {
    blue: "go",
    yellow: "slow down",
    red: "stop"
  }  
  console.log(traffic_light.blue);
  </script>
Nach dem Login kopieren

Der Wert des Attributs blau wird aufgerufen und das laufende Ergebnis lautet wie folgt

So erstellen Sie Objekte in So erstellen Sie Objekte in So erstellen Sie Objekte in JavaScript

Als nächstes sehen wir uns an, wie man den Wert dieses Attributs ändert.

Greifen Sie auf den Attributnamen zu und weisen Sie ihm einen anderen Wert zu.

Ändern Sie den Wert des Attributs „blau“ von „go“ in „go fast“. Wenn Sie es in console.log aufrufen, lautet der Code wie folgt:

<script>
  var traffic_light = {
    blue: "go",
    yellow: "slow down",
    red: "stop"
  }
  traffic_light.blue =  "go fast";
  console.log(traffic_light.blue);
</script>
Nach dem Login kopieren

Der Laufeffekt ist wie folgt

So erstellen Sie Objekte in So erstellen Sie Objekte in JavaScript

Dies ist der grundlegende Weg dazu Verwenden Sie Objekte in So erstellen Sie Objekte in So erstellen Sie Objekte in So erstellen Sie Objekte in JavaScript.

Es gibt eine andere Möglichkeit , ein solches Objekt mit new zu erstellen.

var 对象名=new object()
Nach dem Login kopieren

Lassen Sie uns einen genaueren Blick darauf werfen

Funktion kann ein Objekt sein

Zum Beispiel, wenn Sie die Hallo-Funktion erstellen

Der Code lautet wie folgt

function hello() {
  alert("hello,PHP中文网!");
}
hello();
Nach dem Login kopieren

Dies entspricht dem folgenden Code.

Hier verwenden wir ein Objekt mit einer anonymen Funktion namens function().

Sie können es ausführen, indem Sie function() einer Variablen namens hello zuweisen und der Variablen hello Parameter zuweisen (wie hello() in der letzten Zeile).

var hello = function() {
  alert("hello,PHP中文网!");
}
hello();
Nach dem Login kopieren

Arrays können Objekte sein

So erstellen Sie Objekte in So erstellen Sie Objekte in So erstellen Sie Objekte in JavaScript-Arrays sind auch Objekte.

Umschließen Sie ein Array mit einem Objekt und fügen Sie eine Funktion hinzu. Daher können wir sagen, dass es sich nicht um ein reines Array handelt, sondern um ein Objekt, das wie ein Array aussieht.

So erstellen Sie Objekte in So erstellen Sie Objekte in So erstellen Sie Objekte in JavaScript-Arrays haben die folgenden Eigenschaften und Methoden. Ansonsten ist es dasselbe wie ein normales Objekt

und verfügt über die folgenden Arten von Array-Eigenschaften und -Methoden.

Attributlänge (Array-Länge abrufen)

Methode Slice() (Array-Elemente abrufen)

Methode reverse() (Reihenfolge der Elemente umkehren)

Methode push() (fügt am Ende ein neues Element hinzu)

Verwenden Sie new, um das Array-Objekt zu erstellen

var family = new Array();
Nach dem Login kopieren

Wir weisen der Variablenfamilie ein leeres Array-Objekt zu .

Hier habe ich „Tom“, „Jerry“, „Sucy“ mit var family = new Array("Tom", "Jerry", "Sucy"); dann über console.log(family) hinzugefügt. ; anrufen.

Der Code lautet wie folgt

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>So erstellen Sie Objekte in So erstellen Sie Objekte in So erstellen Sie Objekte in JavaScript</title>
  </head>
  <body>
    <script>
      var family= new Array("Tom","Jerry","Sucy");
      console.log(family);
    </script>
  </body>
</html>
Nach dem Login kopieren

Der Laufeffekt ist wie folgt

So erstellen Sie Objekte in So erstellen Sie Objekte in So erstellen Sie Objekte in JavaScript

Das obige ist der detaillierte Inhalt vonSo erstellen Sie Objekte in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!