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.

715 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
3 677 vues
Créer des listes ordonnées <ol> et non ordonnées <ul>
Créer des listes ordonnées avec <ol> et non ordonnées avec <ul>Les balises <ol> et <ul> sont utilisées pour créer respectivement des listes ordonnées et non ordonnées...
HTML
940 vues
Utilisation de l'élément <li> pour les éléments de liste
Utilisation de l'élément <li> pour les éléments de listeL'élément <li> est utilisé pour définir chaque élément individuel d'une liste, qu'elle soit ordonnée <ol> ou non...
HTML
1 693 vues
Afficher plus de conversation
Dans cette avant-dernière vidéo sur la création d’une messagerie interne nous allons personnaliser rapidement la page pour afficher les conversations et nous allons également corriger /...
Créer son site de rencontres
1 369 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
619 vues
Création de tableaux avec <table>.
Création de tableaux avec <table>La balise <table> est utilisée pour créer des tableaux dans une page HTML. Elle permet de structurer les données tabulaires en lignes et colonnes....
HTML
1 331 vues
Utilisation de l'instruction SQL SELECT pour récupérer des données d'une ou plusieurs tables
1. Sélection de Colonnes Spécifiques :Pour récupérer des données spécifiques de certaines colonnes d'une table, utilisez la syntaxe suivante :SELECT colonne1, colonne2, ... FROM...
SQL
670 vues
Les promesses
Les Promesses en JavaScriptLes promesses sont un mécanisme de gestion asynchrone en JavaScript qui permet de gérer plus facilement les opérations asynchrones et d'éviter le "callback hell". Les...
JS
2 857 vues
Messagerie interne
Maintenant que vous avez créé votre nouvelle base de données pour notre messagerie interne nous allons ajouter à la main quelques lignes pour afficher la liste des messageries entre vous et les...
Créer son site de rencontres
Publicité
Cette pub permet au site de vivre ...