Dans ce didacticiel, vous découvrirez les objets JavaScript à l'aide d'exemples.
Dans le didacticiel sur les types de données JavaScript, vous avez découvert 7 types de données primitifs différents. Et ici, vous allez découvrir la huitième>// object const student = ( firstName: 'ram', class: 10 );
Voici studentun objet qui stocke des valeurs telles que des chaînes et des nombres.
Déclaration d'objet JavaScript
La syntaxe pour déclarer un objet est:
const object_name = ( key1: value1, key2: value2 )
Ici, un objet object_nameest défini. Chaque membre d'un objet est une paire clé: valeur séparée par des virgules et entre accolades ().
Par exemple,
// object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object
Vous pouvez également définir un objet sur une seule ligne.
const person = ( name: 'John', age: 20 );
Dans l'exemple ci-dessus, nameet agesont des clés, et Johnet 20sont des valeurs respectivement.
Il existe d'autres moyens de déclarer un objet en JavaScript. Pour en savoir plus, consultez Différentes façons de déclarer des objets JavaScript.
Propriétés des objets JavaScript
En JavaScript, les paires «clé: valeur» sont appelées propriétés . Par exemple,
let person = ( name: 'John', age: 20 );
Ici, name: 'John'et age: 20sont des propriétés.
Propriétés des objets JavaScript
Accéder aux propriétés des objets
Vous pouvez accéder à la valeur d'une propriété en utilisant sa clé .
1. Utilisation de la notation par points
Voici la syntaxe de la notation par points.
objectName.key
Par exemple,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John
2. Utilisation de la notation entre crochets
Voici la syntaxe de la notation entre crochets.
objectName("propertyName")
Par exemple,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John
Objets imbriqués JavaScript
Un objet peut également contenir un autre objet. Par exemple,
// nested object const student = ( name: 'John', age: 20, marks: ( science: 70, math: 75 ) ) // accessing property of student object console.log(student.marks); // (science: 70, math: 75) // accessing property of marks object console.log(student.marks.science); // 70
Dans l'exemple ci-dessus, un objet studentcontient une valeur d'objet dans la markspropriété.
Méthodes d'objets JavaScript
En JavaScript, un objet peut également contenir une fonction. Par exemple,
const person = ( name: 'Sam', age: 30, // using function as a value greet: function() ( console.log('hello') ) ) person.greet(); // hello
Ici, une fonction est utilisée comme valeur pour la touche de bienvenue. C'est pourquoi nous devons utiliser person.greet()au lieu de person.greetpour appeler la fonction à l'intérieur de l'objet.
Une méthode JavaScript est une propriété contenant une déclaration de fonction. Dans le prochain didacticiel, vous découvrirez en détail les méthodes JavaScript.
