JavaScript Objects


Les objets JavaScript sont des données qui possèdent des propriétés et des méthodes.


Objets, propriétés et méthodes de la vie réelle

Dans la vie réelle, une voiture est un objet.

Les objets ont leurs propriétés, telles que le poids et la couleur, et des méthodes telles que start et stop :

Object Propriétés Méthodes

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

Toutes les voitures ont ces propriétés, mais les propriétés de chaque voiture ne sont pas exactement les mêmes.

Toutes les voitures ont ces méthodes, mais elles sont exécutées à des moments différents.


Objets JavaScript

En JavaScript, presque tout est un objet.

Note En JavaScript, les objets sont très importants. Une fois que vous comprenez les objets, vous pouvez comprendre JavaScript.

Vous avez déjà appris à affecter des valeurs à des variables JavaScript.

Le code suivant affecte à la variablecarla valeur "Fiat" :

var car = "Fiat";

Un objet est aussi une variable, mais un objet peut contenir plusieurs valeurs (plusieurs variables), et chaque valeur est présentée sous la forme d'une pairename:value.

var car = {name:"Fiat", model:500, color:"white"};

Dans l'exemple ci-dessus, trois valeurs ("Fiat", 500, "white") sont affectées à la variable car.

Note Les objets JavaScript sont des conteneurs pour les variables.


Définition d'objet

Vous pouvez utiliser un littéral pour définir et créer des objets JavaScript :

Exemple

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Essayez-le vous-même »

La définition d'un objet JavaScript peut s'étendre sur plusieurs lignes ; les espaces et les sauts de ligne ne sont pas obligatoires :

Exemple

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

Essayez-le vous-même »


Propriétés d'objet

On peut dire que « les objets JavaScript sont des conteneurs pour les variables ».

Cependant, on considère généralement que « les objets JavaScript sont des conteneurs pour des paires clé-valeur ».

Les paires clé-valeur s'écrivent généralement sous la formename : value(la clé et la valeur sont séparées par deux-points).

Les paires clé-valeur dans les objets JavaScript sont généralement appeléespropriétés d'objet.。

Note Les objets JavaScript sont des conteneurs pour des variables de propriété.

L'écriture des paires clé-valeur d'objet est similaire à :

  • les tableaux associatifs en PHP
  • les dictionnaires en Python
  • les tables de hachage en C
  • tables de hachage en Java
  • tables de hachage en Ruby et Perl

Accéder aux propriétés d'un objet

Vous pouvez accéder aux propriétés d'un objet de deux manières :

Exemple 1

person.lastName;

Essayez-le vous-même »

Exemple 2

person["lastName"];

Essayez-le vous-même »


Méthodes d'objet

Une méthode d'objet définit une fonction et la stocke comme propriété de l'objet.

Les méthodes d'objet sont appelées en ajoutant () (en tant que fonction).

Cet exemple accède à la méthode fullName() de l'objet person :

Exemple

name = person.fullName();

Essayez-le vous-même »

Si vous accédez à la propriété fullName de l'objet person, elle sera renvoyée sous la forme d'une chaîne définissant la fonction :

Exemple

name = person.fullName;

Essayez-le vous-même »

 

Note Les objets JavaScript sont des conteneurs de propriétés et de méthodes.

Dans les tutoriels suivants, vous en apprendrez plus sur les fonctions, les propriétés et les méthodes.


Accéder aux méthodes d'objet

Vous pouvez créer une méthode d'objet en utilisant la syntaxe suivante :

methodName : function() {
    // 代码 
}

Vous pouvez accéder à une méthode d'objet en utilisant la syntaxe suivante :

Exemple

objectName.methodName()

Essayez-le vous-même »

Généralement, fullName() est une méthode de l'objet person, et fullName est une propriété.

Si vous utilisez la propriété fullName, sans ajouter(), cela renverra la définition de la fonction :

Exemple

objectName.methodName

Essayez-le vous-même »

Il existe de nombreuses façons de créer, utiliser et modifier des objets JavaScript.

De même, il existe de nombreuses façons de créer, utiliser et modifier des propriétés et des méthodes.

Note Dans les tutoriels suivants, vous en apprendrez plus sur les objets.


Plus d’exemples

Créer un objet JavaScript I

Créer un objet JavaScript II

Accéder aux propriétés d'un objet I

Accéder aux propriétés d'un objet II

Propriété de fonction accédée comme méthode

Propriété de fonction accédée comme propriété

Autres extensions