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.

681 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
889 vues
Comparaison avec d'autres langages de programmation
Comparaison de JavaScript avec d'autres langages de programmationJavaScript est un langage de programmation unique avec ses propres caractéristiques et particularités. Comprendre comment il se...
JS
5 472 vues
Que mettre dans la balise head
Afin de continuer à faire connaitre votre site pour son référencement nous allons parler du contenu de base dans la balise <head>.La balise <head> joue un rôle essentiel...
Créer son site
2 796 vues
Comprendre les concepts de base
Comprendre les Concepts de BaseLorsqu'on commence à explorer MySQL, il est essentiel de comprendre les concepts de base qui constituent les fondations de ce système de gestion de base de données...
SQL
647 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
862 vues
CSS interne : l'utilisation de balises <style> dans la section <head> du document HTML
CSS Interne : L'utilisation de balises <style> dans la section <head> du document HTMLLe CSS interne est une méthode de stylisation où les styles sont définis directement dans la...
CSS
5 998 vues
Afficher la liste des catégories
Pour commencer nous allons créer la page maître de notre forum. C'est cette page qui contiendra les différentes catégories.Tout d'abord nous allons créer un dossier que nous...
Créer son site
1 450 vues
Syntaxe de base : balises PHP, commentaires
Introduction à la syntaxe de base en PHPPHP utilise une syntaxe simple et flexible pour écrire du code côté serveur. Commençons par explorer les balises PHP et les commentaires, deux éléments...
PHP
3 072 vues
Personnaliser sa bare de menu avec du CSS
Après avoir modifié notre barre de menu nous allons maintenant personnaliser notre barre de menu avec du CSS afin de la rendre plus agréable à regarder.Nous allons pour ça ajouter un nouveau...
Créer son site de rencontres
Publicité
Cette pub permet au site de vivre ...