MEILLEUR SITE POUR LES DÉVELOPPEURS WEB

JS Tutoriel

JS MAISON JS Introduction JS Où aller JS Sortir JS Déclarations JS Syntaxe JS Commentaires JS Variables JS Let JS Const JS Opérateurs JS Arithmétique JS Devoir JS Types de données JS Fonctions JS Objets JS Propriétés d'objet JS Méthodes d'objet JS Affichage d'objet JS Constructeurs d'objet JS Événements JS Chaînes JS Méthodes de chaîne JS Recherché de chaîne JS Modèles de chaînes JS Nombres JS BigInt JS Méthodes numériques JS Number Properties JS Tableaux JS Méthodes de tableau JS Recherche de tableau JS Tri de tableau JS Itération de tableau JS Const. de tableau JS Dates JS Formats de dates JS Méthodes d'obtention de date JS Méthodes de définition de dates JS Math JS Mathématiques JS Booléens JS Comparaisons JS If Else JS Switch JS Boucle For JS Boucle For In JS Boucle For Of JS Boucle While JS Break JS Itérables JS Ensembles JS Définir des méthodes JS Cartes JS Méthodes de cartographie JS Typeof JS Conversion de types JS Déstructuration JS Au niveau du bit JS RegExp JS Priorité JS Errors JS Portée JS Levage JS Mode strict JS this Mot clé JS Fonction flèche JS Cours JS Modules JS JSON JS Débogage JS Guide de style JS Meilleures pratiques JS Erreurs JS Performance JS Mots réservés

JS Versions

JS Versions JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021 JS 2022 JS 2023 JS 2024 JS IE / Edge JS Histoire

JS Objets

Définitions d'objets Prototypes d'objets Méthodes d'objets Propriétés d'objets Obtention/Définition d'objets Protection d'objets

JS Fonctions

Définitions des fonctions Paramètres de fonction Invocation de fonction Appel de fonction Fonction Appliquer Fonction Liaison Fermetures de fonctions

JS Cours

Introduction au cours Héritage de classe Classe statique

JS Asynchrone

JS Rappels JS asynchrone JS Promesses JS Async/Await

JS HTML DOM

DOM Intro DOM Méthodes DOM Document DOM Éléments DOM HTML DOM Formulaires DOM CSS DOM Animations DOM Événements DOM Écouteur d'événements DOM Navigation DOM Nœuds DOM Collections DOM Listes de nœuds

JS Browser BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Web APIs

Web API Intro Formulaires Web API Historique Web API Stockage Web API Travailleur Web API Récupération Web API Géolocalisation Web API

JS AJAX

AJAX Intro AJAX XMLHttp AJAX Demande AJAX Réponse AJAX XML Déposer AJAX PHP AJAX ASP AJAX Base de données AJAX Applications AJAX Exemples

JS JSON

JSON Intro JSON Syntaxe JSON vs XML JSON Types de données JSON Analyser JSON Stringifier JSON Objets JSON Tableaux JSON Serveur JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery Sélecteurs jQuery HTML jQuery CSS jQuery DOM

JS Graphique

JS Graphique JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS Exemples

JS Exemples JS HTML DOM JS HTML Input JS HTML Objets JS HTML Événements JS Browser JS Éditeur JS Exercices JS Questionnaire JS Site Web JS Programme JS Plan d'études JS Préparation à l'entretien JS Camp d'entraînement JS Certificat

JS Références

JavaScript Objets HTML DOM Objets

JavaScript. W3Schools en français. Cours pour débutants

En Ua Es De

JavaScript Propriétés de l'objet

Un objet est une collection non ordonnée de propriétés

Les propriétés sont la partie la plus importante des objets JavaScript.

Les propriétés peuvent être modifiées, ajoutées, supprimées et certaines sont en lecture seule.


Accès aux propriétés JavaScript

La syntaxe pour accéder à la propriété d'un objet est :

// objectName.property
let age = person.age;

or

//objectName["property"]
let age = person["age"];

or

//objectName[expression]
let age = person[x];

Exemples

person.firstname + " is " + person.age + " years old.";
Try it Yourself »
person["firstname"] + " is " + person["age"] + " years old.";
Try it Yourself »
let x = "firstname";
let y = "age";
person[x] + " is " + person[y] + " years old.";
Try it Yourself »

Ajout de nouvelles propriétés

Vous pouvez ajouter de nouvelles propriétés à un objet existant en lui donnant simplement une valeur :

Exemple

person.nationality = "English";
Try it Yourself »

Suppression de propriétés

Le mot clé delete supprime une propriété d'un objet :

Exemple

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

delete person.age;
Try it Yourself »

ou delete person["age"];

Exemple

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

delete person["age"];
Try it Yourself »

Remarque :

Le mot clé delete supprime à la fois la valeur de la propriété et la propriété elle-même.

Après la suppression, la propriété ne peut pas être utilisée avant d'être rajoutée.


Objets imbriqués

Les valeurs de propriété d'un objet peuvent être d'autres objets :

Exemple

myObj = {
  name:"John",
  age:30,
  myCars: {
    car1:"Ford",
    car2:"BMW",
    car3:"Fiat"
  }
}

Vous pouvez accéder aux objets imbriqués à l'aide de la notation par points ou de la notation par crochets :

Exemples

myObj.myCars.car2;
Try it Yourself »
myObj.myCars["car2"];
Try it Yourself »
myObj["myCars"]["car2"];
Try it Yourself »
let p1 = "myCars";
let p2 = "car2";
myObj[p1][p2];
Try it Yourself »

Référence complète des objets

Pour une référence complète, rendez-vous sur notre :

Référence complète des objets JavaScript.

La référence contient des descriptions et des exemples de toutes les propriétés et méthodes d'objet.