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.

674 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
1 981 vues
Personnaliser ses conversations
Dans cette dernière vidéo nous allons personnaliser notre messagerie ! 😎Pour cela nous allons donner l’aspect des conversations comme une messagerie de smartphone type Apple ou Samsung.Nous...
Créer son site de rencontres
5 519 vues
Structure de base d'une page HTML
Cours sur la Structure de Base d'une Page HTMLLa structure de base d'une page HTML est essentielle pour créer des sites Web. Comprendre cette structure vous permettra de démarrer efficacement dans...
HTML
2 140 vues
Voir plus de messages (2/2)
Dans la suite de cette vidéo nous allons continuer notre système pour voir plus de messages. Nous allons finaliser la disparition du bouton ‘voir plus’ lorsqu’il n’y aura plus de messages...
Créer son site de rencontres
2 354 vues
Création de tables avec PhpMyAdmin
1. Accéder à PhpMyAdmin :Ouvrez un navigateur web et accédez à l'URL où vous avez installé PhpMyAdmin sur votre serveur.2. Authentification :Connectez-vous à PhpMyAdmin en utilisant vos...
SQL
1 325 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 319 vues
Personnaliser sa barre de menu
Nous allons maintenant apprendre à personnaliser notre barre de recherche à partir de l'exemple de celle de Bootstrap.Nous allons également ajouter 2 nouvelles pages PHP que nous nommerons...
Créer son site de rencontres
1 031 vues
Pourquoi utiliser PHP ?
Introduction à l'utilisation de PHPPHP est un langage de programmation extrêmement populaire pour le développement web. Voici quelques-unes des raisons principales pour lesquelles PHP est...
PHP
718 vues
Importer des fichiers SASS dans d'autres fichiers
Importer des fichiers SASS dans d'autres fichiers1. Structure de base :Assurez-vous que votre projet SASS est organisé de manière à ce que les fichiers que vous souhaitez importer et les fichiers...
Sass
Publicité
Cette pub permet au site de vivre ...