Scribd Logo
Importer

Bienvenue sur Scribd !

  • Devoir - 1 - JSON

    Transféré par

    Renzo Toval Espinoza
    44 vues6 pages

    Titre original

    Devoir_1 - JSON

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    44 vues6 pages

    Devoir - 1 - JSON

    Transféré par

    Renzo Toval Espinoza

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 6

    Devoir 1 - Structure JSON

    Présenté par : Andrea Yangali


    Titre du cours : Développement d’applications Web
    Code officiel : 420-T05-BB
    Programme d’études : Spécialiste en Internet des objets
    Devoir 1 - Structure JSON

    Il a été créé un objet qui s’appelle listeMessage qui contient les valeurs suivantes :
    Ex : listeMessage = { }
     Objet qui contient le titre du message.
    Ex : "objet": "Invitation"

     Le destinataire qui contient le nom de la personne qui va recevoir le message.


    Ex : "destinataire": "Annie"

     L’expéditeur qui contient le nom de la personne qui va envoyer le message.


    Ex : "expéditeur": "Andrea"

     La date
    Ex : "date": "28/05/2018"

     Le contenu du message, il a été créé en tant qu’un tableau pour ajouter, modifier ou
    éliminer le texte
    Ex : "contenu”: ["Bonjour Anny, je t'invite à ma fête."]

     Étant donné que le contenu du message a un niveau diffèrent de priorité, un tableau a


    été créé pour montrer s’il est important, normal, ou peu important.
    Ex : "typeMessage": ["important", "normal", "peu important"]

    1. Pour ajouter un message additionnel au message principal, il a été ajouté un deuxième


    array .
    Ex : listeMessage .contenu[1]= "N'oublie pas de apporter votre cadeau";

    2. Pour éditer un message, il a été pris le premier array pour modifier et compléter le
    message.
    Ex : listeMessage .contenu[0]= ["Bonjour Annie, je t'invite à ma fête. Je vais le célébrer le
    01/06/2018 à partir de 5:00pm. Merci de confirmer ta participation"];

    3. Pour supprimer un message, il a été pris le deuxième array pour éliminer le message.
    Ex :
    Es : delete listeMessage .contenu[1];

    Il utilisé la fonction for pour imprimer tous les données de l’objet listeMessage. Ex :
    for (x in listeMessage ) {
    document.getElementById("demo").innerHTML += listeMessage [x] + "<br>";
    }
    <!DOCTYPE html>
    <html>
    <body>

    <p id="demo"></p>

    <script>
    var listeMessage , i, x = "";
    listeMessage = {
    "objet": "Invitation",
    "destinataire": "Annie",
    "expéditeur": "Andrea",
    "date": "28/05/2018",
    "typeMessage": ["important", "normal", "peu important"],
    "contenu":["Bonjour Annie, je t'invite à ma fête."]
    };
    //ajouter
    listeMessage .contenu[1]= "N'oublie pas de apporter votre cadeau";
    //modifier
    listeMessage .contenu[0]= ["Bonjour Annie, je t'invite à ma fête. Je vais le célébrer le
    01/06/2018 à partir de 5:00pm. Merci de confirmer ta participation"];
    //delete
    delete listeMessage .contenu[1];
    delete listeMessage .typeMessage[0];
    delete listeMessage .typeMessage[2];

    for (x in listeMessage ) {
    document.getElementById("demo").innerHTML += listeMessage [x] + "<br>";
    }
    </script>

    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <body>

    <div id='foo'></div>

    <script>
    var listeMessage = [
    {
    "objet": "Invitation",
    "destinataire": "Annie",
    "expéditeur": "Andrea",
    "date": "28/05/2018",
    "typeMessage": ["important", "normal", "peu important"],
    "contenu":["Bonjour Annie, je t'invite à ma fête."]
    },
    {
    "objet": "Rw Invitation",
    "destinataire": "Andrea",
    "expéditeur": "Anny",
    "date": "29/05/2018",
    "typeMessage": ["important", "normal", "peu important"],
    "contenu": "Bonjour Andrea, Merci pour l’invitation, je serai là"

    }]

    //ajouter
    listeMessage[0].contenu[1]= "N'oublies pas de apporter votre cadeau";
    //modifier
    listeMessage[0].contenu[0]= ["Bonjour Annie, je t'invite à ma fête. Je vais le célébrer le
    01/06/2018 à partir 5:00pm. Merci de confirmer ta participation"];
    //delete
    delete listeMessage[0].contenu[1];
    delete listeMessage[0].typeMessage[0];
    delete listeMessage[0].typeMessage[2];
    delete listeMessage[1].typeMessage[1];
    delete listeMessage[1].typeMessage[2];

    var foo = listeMessage.map(function(bar){


    return '</br>'+bar.objet+'</br> '+bar.destinataire+'</br>
    '+bar.expéditeur+'</br>'+bar.typeMessage+'</br>'+bar.contenu+'</br>'
    })
    document.getElementById("foo").innerHTML = foo;

    </script>
    </body>
    </html>

    Vous aimerez peut-être aussi