Objet JavaScript
Tout en JavaScript est un objet : chaînes, nombres, tableaux, dates, etc.
En JavaScript, un objet est une donnée qui possède des propriétés et des méthodes.
L'objet JavaScript est un type de données de collection non ordonné, composé de plusieurs paires clé-valeur.
Définition d'objet
Vous pouvez utiliser des caractères pour définir et créer des objets JavaScript :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script language="JavaScript"> var person = new Object(); person.name="kevin"; person.age=31; alert(person.name); alert(person["age"]) </script> </head> <body> </body> </html>
Propriétés de l'objet
On peut dire que "les objets JavaScript sont des conteneurs de variables" .
Cependant, nous considérons généralement « les objets JavaScript comme des conteneurs de paires clé-valeur ».
Les paires clé-valeur sont généralement écrites sous la forme nom : valeur (la clé et la valeur sont séparées par deux points).
Les paires clé-valeur dans les objets JavaScript sont souvent appelées propriétés d'objet.
Les objets JavaScript sont des conteneurs pour les variables de propriété.
La paire clé-valeur de l'objet s'écrit comme :
Tableau associatif dans le dictionnaire PHP et Python Table de hachage en langage C Carte de hachage en Java Table de hachage en Ruby et Perl
Les objets JavaScript sont typés dynamiquement et vous pouvez librement ajouter ou supprimer des attributs à un objet :
var xiaoming = {
nom : '小明'
};
xiaoming.age; // non défini
xiaoming.age = 18 ; // Ajouter un attribut d'âge
xiaoming.age; // 18
supprimer xiaoming .age ; 🎜>
xiaoming.age; // non défini
supprimer xiaoming['name']; // Supprimer l'attribut de nom
xiaoming.name; // non défini
delete xiaoming.school; // la suppression d'un attribut scolaire inexistant ne fonctionnera pas Signaler une erreur
Méthodes d'objet
La méthode d'un objet définit une fonction et est stockée en tant que propriété de l'objet.
Les méthodes objets sont appelées (en fonction) en ajoutant ().
Cette instance accède à la méthode fullName() de l'objet personne :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
var person = {
firstName: "Tom",
lastName : "Jay",
id : 666,
fullName : function()
{
return this.firstName + " and " + this.lastName;
}
};
document.getElementById("demo").innerHTML = person.fullName();
</script>
</body>
</html>Accès aux méthodes objet
Vous pouvez créer des méthodes objet en utilisant la syntaxe suivante :
methodName : function() { lignes de code }
Vous pouvez accéder aux méthodes objets en utilisant la syntaxe suivante :
objectName.methodName ()
Habituellement, fullName() est utilisé comme méthode de l'objet personne et fullName est utilisé comme propriété.
Il existe de nombreuses façons de créer, utiliser et modifier des objets JavaScript.
Il existe également de nombreuses façons de créer, utiliser et modifier des propriétés et des méthodes.
![Projet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
![Cours frontal base zéro [Vue apprentissage avancé et application pratique]](https://img.php.cn/upload/course/000/000/068/63bbd15353895588.jpg)
![Tutoriel WEB front-end [HTML5+CSS3+JS]](https://img.php.cn/upload/course/000/000/068/63ba60c8da520536.jpg)
![Application pratique Apipost [api, interface, tests automatisés, mock]](https://img.php.cn/upload/course/000/000/068/63b3c967a20f4861.jpg)
