TUTO JS - #8 LES OBJETS

PrimFX PrimFX Le 3 juillet 2017

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 20 ans et je suis passionné d'informatique et de technologie. Je partage cette passion à travers mes vidéos sur YouTube et les articles de ce site internet. J'ai également co-fondé en 2019 l'entreprise de services informatique Single Quote et je suis en parallèle étudiant (en informatique bien sur) :-)

Votre commentaire

Vous devez être connecté pour poster un commentaire. Se connecter ou Créer un compte

Commentaires 4

  • ZtweN Le 17 avril, à 22:46 | Répondre

    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

  • Nono2306 Le 31 mai, à 20:07 | Répondre

    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 !

  • adriii Le 1 août, à 23:18 | Répondre

    a

  • yaye Le 5 juillet, à 15:20 | Répondre

    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 :)