Programmation JavaScript/Références/Objets/Object

Programmation JavaScript

1. Introduction

   Programmer en deux minutes

   • Page wiki
   • Compteur en temps réel
   • Site dans un document

2. Outils de développement
3. Syntaxe
   1. Ligne d'instruction
   2. Ordre d'évaluation
   3. Bloc d'instructions
   4. Identificateurs
   5. Expression littérale
   6. Commentaire
   7. Mots réservés
   8. Variables
   9. Opérateurs
   10. Structures de contrôle
   11. Exceptions et erreurs
   12. Fonctions utilisateur
   13. Évènement
4. Objets prédéfinis
   1. window
   2. document
   3. navigator
   4. Array
   5. Boolean
   6. Date
   7. Error
   8. Function
   9. Math
   10. Number
   11. Object
   12. String
   13. Element
   14. RegExp
5. Fonctions prédéfinies
6. Programmation avancée
   1. Opérateurs de bits
   2. Fermeture
   3. Programmation objet
   4. Notation JSON
   5. AJAX
   6. Stockage
   7. Générateurs
   8. Interface DOM
   9. Objets Microsoft
7. Frameworks
   1. Dojo

      Hello World

      Widgets

      Ressources

   2. jQuery
   3. Node.js
   4. React.js
8. Tests
   1. Ava
   2. Jest
   3. Cypress
9. Débogage
10. Erreurs connues
11. Références

Un objet Javascript est en réalité une table associant un nom (attribut ou clé) à une valeur.

Exemple :

var article = new Object();
article.nom = "Livre";
article.prix_unitaire = 21.99;
article.quantite = 2;

Variante :

function Article(nom, prix_unitaire, quantite)
{
    this.nom = nom;
    this.prix_unitaire = prix_unitaire;
    this.quantite = quantite;
    this.resume = function(){
        return this.nom+" x "+this.quantite+" à "+this.prix_unitaire+
           " l'unité coûte(nt) "+( this.quantite*this.prix_unitaire );
    }
    return this;
}
var article = new Article( "Livre", 21.99, 2);

Pour accéder au nom de l'article :

alert( "L'article est : " + article.nom ); // syntaxe objet
alert( "L'article est : " + article["nom"] ); // syntaxe table associative

La notation abrégée utilise une série d'association nom-valeur entre accolades :

{ nom : valeur , nom : valeur , ... }

Exemple :

var article = {
    "nom" : "Livre",
    "prix_unitaire" : 21.99,
    "quantite" : 2,
    "resume" : function(){
        return this.nom+" x "+this.quantite+" à "+this.prix_unitaire+
           " l'unité coûte(nt) "+( this.quantite*this.prix_unitaire );
    }
};

Le nom peut se passer des guillemets s'il suit la syntaxe des identificateurs :

var article = {
    nom : "Livre",
    prix_unitaire : 21.99,
    quantite : 2,
    resume : function(){
        return this.nom+" x "+this.quantite+" à "+this.prix_unitaire+
           " l'unité coûte(nt) "+( this.quantite*this.prix_unitaire );
    }
};

Méthodes

Parmi les plus utiles :

• keys() : renvoie un tableau des clés de l'objet.
• values() : renvoie un tableau des valeurs de l'objet.