TUTO JS - #8 LES OBJETS


Découvrons les Objets en JavaScript qui nous permettront de stocker et structurer des données dans nos variables !

Rappel : JSON signifie JavaScript Object Notation, autrement dit la syntaxe utilisée pour écrire des objets {cle: "valeur", cle2: "valeur2", ...}.

// Créer des objets simples
var utilisateur = {
   nom: {
      prenom: "Paul",
      famille: "Dupont"
   },
   age: 25,
   sexe: "M"
};
console.log(utilisateur.nom.prenom);

// Créer des objets avec les constructeurs

function Personne(nom, age, sexe) {
   this.nom = nom;
   this.age = age;
   this.sexe = sexe;
}

function Voiture(fab, an, prop) {
   this.fabricant = fab;
   this.annee = an;
   this.proprietaire = prop;
   this.genererMessage = function() {
      alert(this.proprietaire.nom + ' possède une ' + this.fabricant + ' de ' + this.annee);
   };
}

var utilisateur1 = new Personne("Paul", 25, "M");
var utilisateur2 = new Personne("Matthieu", 17, "M");

var v = new Voiture("Peugeot", 2005, utilisateur1);

v.genererMessage();

v.proprietaire = utilisateur2;

v.genererMessage();

A propos de l'auteur

PrimFX
PrimFX

Salut tout le monde ! Je m'appelle Boris, j'ai 18 ans et je suis passionné d'informatique et de technologie. Je partage cette passion à travers mes vidéos que tu peux retrouver sur YouTube sous le nom de PrimFX ou bien sur ce site bien sûr (tutoriels de programmation (HTML, CSS, PHP), gameplays, vlogs high-tech...). @+

A voir aussi

4 Commentaires

POSTER UN COMMENTAIRE

Vous devez être connecté pour pouvoir poster un commentaire...

Pas encore de compte ? Créez-en un ici !



  • Photo de profil de yaye

    yaye

    05 July 2017 à 15:20

    Salut Boris, super tes cours sur le JS ! concis, rapide, mais complet et pédagogue. J'attends avec impatience les cours suivants ! sur les prototypes, l'héritage prototypal, les design patterns, les regEx, etc...



    Pour info, j'ai 35 ans, je vois que tu en as 16 et je tenais à te féliciter et à te remercier pour tes cours, tu as un avenir très prometteur si tu persévère dans cette voie 😀

  • Photo de profil de adriii

    adriii

    01 August 2017 à 23:18

    a

  • Photo de profil de Nono2306

    Nono2306

    31 May 2018 à 20:07

    J'ai cliqué sur afficher le code et ca mel'a pas affiché et je ne peut plus prendre de code sans le compte premium donc 1code perdu !

  • Photo de profil de ZtweN

    ZtweN

    17 April 2019 à 22:46

    Salut PrimFX.

    Stp tu peux faire un tuto sur les messages privés avec une personnalisation de l'affichage identique à celle de WhatsApp ou encore Messenger...

    J'ai déjà essayer mais en vain j'y arrive pas à personnaliser l'affichage.

    Mais par contre j'ai réussi à le faire pour les messages publics comme en chat. Mais quand il en vient de vouloir appliquer la même chose pour les messages privés pooouffff ça me casse la tête.

    PrimFX.... Un tuto sur ça stp