JS

Objets : création, propriétés, méthodes

Objets en JavaScript


1. Création d'Objets :


Un objet en JavaScript est une structure de données qui permet de stocker des collections de paires clé-valeur. Les clés sont des chaînes de caractères (ou des symboles) qui identifient les propriétés de l'objet.


// Création d'un objet vide
let objetVide = {};

// Initialisation d'un objet avec des propriétés
let personne = {
    nom: "Jean",
    age: 30,
    ville: "Paris"
};


2. Propriétés :


Les propriétés d'un objet sont des paires clé-valeur qui représentent les caractéristiques de l'objet. Vous pouvez accéder aux propriétés d'un objet en utilisant la notation pointée (objet.nomPropriete) ou la notation entre crochets (objet['nomPropriete']).


console.log(personne.nom); // Affiche "Jean"
console.log(personne['age']); // Affiche 30


3. Méthodes :


Les méthodes d'un objet sont des fonctions qui sont associées à l'objet. Elles peuvent être utilisées pour effectuer des actions sur l'objet ou pour retourner des valeurs calculées.


let personne = {
    nom: "Jean",
    age: 30,
    direBonjour: function() {
        console.log("Bonjour, je m'appelle " + this.nom + ".");
    }
};

personne.direBonjour(); // Affiche "Bonjour, je m'appelle Jean."


4. Ajout de Propriétés et Méthodes :


Vous pouvez ajouter de nouvelles propriétés et méthodes à un objet existant en les assignant simplement.


personne.poids = 70; // Ajoute une nouvelle propriété "poids"
personne.getAnneeNaissance = function() { // Ajoute une nouvelle méthode "getAnneeNaissance"
    return new Date().getFullYear() - this.age;
};


5. Suppression de Propriétés :


Vous pouvez supprimer une propriété d'un objet en utilisant l'opérateur delete.


delete personne.age; // Supprime la propriété "age" de l'objet personne


En résumé, les objets en JavaScript sont des structures de données flexibles permettant de stocker des collections de paires clé-valeur. Ils peuvent contenir des propriétés qui décrivent les caractéristiques de l'objet et des méthodes qui définissent son comportement. En comprenant comment créer des objets, accéder à leurs propriétés et définir leurs méthodes, vous pouvez créer des structures de données complexes et puissantes dans vos programmes JavaScript.

580 vues
Posté le 01 mars 2024
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
4 967 vues
Qu'est-ce que HTML ?
Cours sur HTML : Qu'est-ce que HTML ?HTML, ou HyperText Markup Language, est le langage de balisage standard utilisé pour créer des pages Web. Il fournit une structure de base pour organiser le...
HTML
4 035 vues
Créer un fichier HTML
Créer un Fichier HTMLPour créer un fichier HTML, vous aurez besoin d'un éditeur de texte simple tel que Notepad (sur Windows) ou TextEdit (sur Mac). Suivez ces étapes simples pour créer votre...
HTML
3 356 vues
Comprendre les différentes catégories de commandes SQL
SQL, ou Structured Query Language, est composé de plusieurs catégories de commandes, chacune ayant un rôle spécifique dans la manipulation et la gestion des bases de données relationnelles. Les...
SQL
1 251 vues
CSS externe : l'utilisation de fichiers CSS séparés pour styliser plusieurs pages HTML
CSS Externe : L'utilisation de fichiers CSS séparés pour styliser plusieurs pages HTMLLe CSS externe est une méthode de stylisation où les styles sont définis dans des fichiers CSS distincts et...
CSS
3 073 vues
Utilisation de l'élément <html>, <head> et <body>
Utilisation de l'élément <html>, <head> et <body>Dans un fichier HTML, l'élément <html> est la racine de tout le document et enveloppe tout le contenu HTML. À...
HTML
7 355 vues
Comment développe-t-on un site ?
Je suppose que si vous lisez ceci c'est que vous n'avez peut-être jamais développé auparavant et que vous souhaitez apprendre à développer votre premier site web.Si je vous parle...
Créer son site
8 697 vues
Utilisation de Bootstrap
Maintenant que nous avons un site qui commence à être opérationnel, il va falloir que nous nous occupions du design de celui-ci pour le rendre plus agréable à voir pour vos...
Créer son site
1 205 vues
Propriétés CSS : comprendre les différentes propriétés et leurs valeurs
Propriétés CSS : Comprendre les différentes propriétés et leurs valeursLes propriétés CSS sont des instructions qui contrôlent l'apparence et le comportement des éléments HTML sur une page...
CSS
Publicité
Cette pub permet au site de vivre ...