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.

769 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
7 964 vues
Créer une barre de recherche
IntroductionDéroulement du coursCréation d'un formulaire permettant de faire une recherche d'utilisateur via un bouton afin d'afficher les résultats.Ajouter les librairies nécessaires afin de...
Créer son site
914 vues
Création de formulaires avec <form>
Création de formulaires avec <form>La balise <form> est utilisée pour créer des formulaires interactifs dans une page HTML. Elle permet aux utilisateurs de saisir et de soumettre des...
HTML
907 vues
Retour de valeurs avec return
En PHP, la fonction return est utilisée pour renvoyer une valeur depuis une fonction. Cela permet à une fonction d'effectuer des calculs ou des traitements sur des données et de renvoyer le...
PHP
1 264 vues
Sélecteurs CSS : identifier les éléments HTML auxquels appliquer des styles
Sélecteurs CSS : Identifier les éléments HTML auxquels appliquer des stylesLes sélecteurs CSS sont des motifs qui permettent de cibler et de sélectionner des éléments HTML spécifiques afin de...
CSS
649 vues
Syntaxe des Directives
Chaque directive dans le fichier .htaccess suit une syntaxe spécifique pour fonctionner correctement. Comprendre cette syntaxe est essentiel pour utiliser efficacement les directives dans votre...
HTACCESS
916 vues
Positionnement statique, relatif, absolu et fixe
Positionnement Statique, Relatif, Absolu et Fixe en CSSEn CSS, le positionnement des éléments peut être contrôlé en utilisant différentes propriétés. Les quatre types de positionnement les...
CSS
20 328 vues
Créer un profil PHP
Après avoir créé notre page de connexion et notre page d'inscription il est temps de créer un profil pour votre utilisateur !La page profil permettra plusieurs choses ! D'éditer ses informations...
Créer son site
3 143 vues
Différences entre SASS et CSS
Différences entre SASS et CSS1. Syntaxe :CSS : Utilise une syntaxe simple basée sur des sélecteurs et des propriétés.SASS : Propose une syntaxe étendue avec des fonctionnalités telles que les...
Sass
Publicité
Cette pub permet au site de vivre ...