Comment créer des objets en JavaScript-js tutoriel-php.cn

Comment créer des objets en JavaScript

不言

Libérer： 2018-12-15 14:13:51

original

2416 Les gens l'ont consulté

Un objet est une collection d'attributs. Un tableau de variables est également un objet. Les objets peuvent être utilisés pour gérer des données. Un attribut est un nom (valeur) spécifique préfixé par un nom (nom de l'attribut). le présentera en détail. Utilisation des objets Comment créer des objets en Comment créer des objets en Comment créer des objets en JavaScript.

Comment créer des objets en Comment créer des objets en Comment créer des objets en JavaScript

Voyons d'abord comment créer un objet

Créez une variable traffic_light (feu tricolore) et écrivez un objet basé sur Un programme qui affiche des messages en couleur.

Le code est le suivant

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>Comment créer des objets en Comment créer des objets en Comment créer des objets en JavaScript</title>
  </head>
  <body>
    <script>
      var traffic_light = {
        blue: "go",
        yellow: "slow down",
        red: "stop"
      }
    </script>
 </body>
 </html>

Copier après la connexion

Le bleu signifie "aller" pour aller, le jaune signifie "ralentir" pour ralentir et le rouge signifie "arrêter" pour arrêter. ces trois attributs sont définis dans la variable traffic_light.

Appelons ces trois attributs définis

Le code est le suivant

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

Copier après la connexion

La valeur de l'attribut bleu est appelée, et le résultat courant est le suivant

Comment créer des objets en Comment créer des objets en Comment créer des objets en JavaScript

Maintenant voyons comment changer la valeur de cet attribut

Accédez au nom de l'attribut et attribuez-lui une autre valeur.

Changez la valeur de l'attribut nommé bleu de go à go fast. Lorsque vous l'appelez dans console.log, le code est le suivant

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

Copier après la connexion

L'effet d'exécution est le suivant

Comment créer des objets en Comment créer des objets en JavaScript

Ceci utilise des objets dans la méthode Comment créer des objets en Comment créer des objets en Comment créer des objets en JavaScript Basic.

Il existe une autre façon de créer un tel objet en utilisant new.

var 对象名=new object()

Copier après la connexion

Regardons de plus près

La fonction peut être un objet

Par exemple, lorsque vous créez la fonction bonjour

Le code est le suivant

function hello() {
  alert("hello,PHP中文网！");
}
hello();

Copier après la connexion

Ceci est équivalent au code suivant.

Ici, nous utilisons un objet avec une fonction anonyme nommée function().

Vous pouvez l'exécuter en attribuant une fonction() à une variable nommée hello et en attribuant des paramètres à la variable hello (comme hello() dans la dernière ligne).

var hello = function() {
  alert("hello,PHP中文网！");
}
hello();

Copier après la connexion

Les tableaux peuvent être des objets

Les tableaux Comment créer des objets en Comment créer des objets en Comment créer des objets en JavaScript sont également des objets.

Enveloppez un tableau avec un objet et ajoutez une fonction. On peut donc dire qu’il ne s’agit pas d’un tableau pur mais d’un objet qui ressemble à un tableau.

Les tableaux Comment créer des objets en Comment créer des objets en Comment créer des objets en JavaScript ont les propriétés et méthodes suivantes. En dehors de cela, il est identique à un objet normal

et possède les types de propriétés et de méthodes de tableau suivants.

Longueur de l'attribut (obtenir la longueur du tableau)

Méthode slice() (obtenir les éléments du tableau)

Méthode reverse() (inverser l'ordre des éléments)

Méthode push() (ajoute un nouvel élément à la fin)

Utilisez new pour créer l'objet tableau

var family = new Array();

Copier après la connexion

Nous attribuons un objet Array vide au famille variable.

Ici, j'ai ajouté "Tom", "Jerry", "Sucy" en utilisant var family = new Array("Tom", "Jerry", "Sucy"); ; appeler.

Le code est le suivant

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Comment créer des objets en Comment créer des objets en Comment créer des objets en JavaScript</title>
  </head>
  <body>
    <script>
      var family= new Array("Tom","Jerry","Sucy");
      console.log(family);
    </script>
  </body>
</html>

Copier après la connexion

L'effet de course est le suivant

Comment créer des objets en Comment créer des objets en Comment créer des objets en JavaScript