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

3 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 !