Maison > Article > interface Web > Comment créer des objets en JavaScript
Comment créer des objets en JavaScript
- 不言original
- 2018-12-15 14:13:512339parcourir
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.
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>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>La valeur de l'attribut bleu est appelée, et le résultat courant est le suivant
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>L'effet d'exécution est le suivant
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()
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();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();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();
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>L'effet de course est le suivant
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!