IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Construire une array à plusieurs niveaux


Sujet :

JavaScript

  1. #1
    Membre expérimenté
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    3 163
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mai 2005
    Messages : 3 163
    Par défaut Construire une array à plusieurs niveaux
    Bonjour,

    Je suis toujours embêté avec ceci

    J'aimerais faire un array à plusieurs niveaux. Je récolte des donnés tel que celles ci
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    0: Object { unit: "V", station_longname: "Anenomètre", chartContainer: "ba", … }
    1: Object { unit: "Degré", station_longname: "Anenomètre", chartContainer: "di", … }
    2: Object { unit: "%", station_longname: "Anenomètre", chartContainer: "hu", … }
    3: Object { unit: "kPa", station_longname: "Anenomètre", chartContainer: "pr", … }
    4: Object { unit: "W/m2", station_longname: "Anenomètre", chartContainer: "ra", … }
    5: Object { unit: "C", station_longname: "Anenomètre", chartContainer: "te", … }
    6: Object { unit: "an", station_longname: "Anenomètre", chartContainer: "pl", … }
    7: Object { unit: "km/h", station_longname: "Anenomètre", chartContainer: "vi", … }
    Mais je ne peux utiliser que des paires. Donc je dois regrouper ceci par paire. L'idée est de les regrouper ainsi
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    0: Object { unit: "V", station_longname: "Anenomètre", chartContainer: "ba", … }
    5: Object { unit: "C", station_longname: "Anenomètre", chartContainer: "te", … }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    2: Object { unit: "%", station_longname: "Anenomètre", chartContainer: "hu", … }
    3: Object { unit: "kPa", station_longname: "Anenomètre", chartContainer: "pr", … }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    1: Object { unit: "Degré", station_longname: "Anenomètre", chartContainer: "di", … }
    7: Object { unit: "km/h", station_longname: "Anenomètre", chartContainer: "vi", … }

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    4: Object { unit: "W/m2", station_longname: "Anenomètre", chartContainer: "ra", … }
    Je veux donc créer un array qui pourrait resembler à ceci

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    var data = []
    datas[0] = mes deux premieres paires
    datas[1] = mes deux suivantes paires
    datas[2] = les deux suivantes paires
    datas[3] = le derniere

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    datas[0] = Object { unit: "V", station_longname: "Anenomètre", chartContainer: "ba", … }, Object { unit: "C", station_longname: "Anenomètre", chartContainer: "te", … }

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    datas[1] = Object { unit: "%", station_longname: "Anenomètre", chartContainer: "hu", … }, Object { unit: "kPa", station_longname: "Anenomètre", chartContainer: "pr", … }

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    datas[2] = Object { unit: "Degré", station_longname: "Anenomètre", chartContainer: "di", … },Object { unit: "km/h", station_longname: "Anenomètre", chartContainer: "vi", … }
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    datas[3] = Object { unit: "W/m2", station_longname: "Anenomètre", chartContainer: "ra", … }

    Je commence par faire ceci

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    console.log("data:",data);
    var datas = [];
    for(var len in Object(data)){
       console.log("obj data: ", data[len].chartContainer);
    }

    Et c'est la que je bug. J'ai essayé de faire ceci

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
     
    console.log("data:",data);
    var datas = [];
    for(var len in Object(data)){
       console.log("obj data: ", data[len].chartContainer);
       for(var len in Object(data)){
                        console.log("obj data: ", data[len].chartContainer);
     
                        if(data[len].chartContainer == 'ba' || data[len].chartContainer == 'te' ){
                            datas[len].push(data[len]);
                        }
     
                        if(data[len].chartContainer == 'hu' || data[len].chartContainer == 'pr' ){
                            datas[len].push(data[len]);
                        }
     
                        if(data[len].chartContainer == 'vi' || data[len].chartContainer == 'di' ){
                            datas[len].push(data[len]);
                        }
     
                        if(data[len].chartContainer == 'ra' ){
                            datas[len].push(data[len]);
                        }
     
     
             }
    }

    Ca bug à ce niveau
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    datas[len].push(data[len]);
    Uncaught TypeError: datas[len] is undefined
    Pourtant, je l'ai bien défini plus haut? non?


    Voyez-vous? aveu vous besoins d'info supplémentaires?

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Parcoure ton objet pour pusher dans ton array ..
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 198
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 198
    Par défaut
    Bonjour,
    comment sont récupérées les données, sous forme d'un Array d'objets ou une suite d'objets reçu en « rafale » ?

  4. #4
    Membre expérimenté
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    3 163
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mai 2005
    Messages : 3 163
    Par défaut
    Bonjour à tous

    Je fais une requte ajax

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    return $.ajax({
                url: 'https://aaa.aa-aa.ch/api/aaaaa.php', 
                type: 'POST',
                data:'y-axis-0=5&y-axis-1=2&'+params, 
                //data:'type[]=2&'+station,                                  // data: { pond: pond, from: from, to: to },
                cache: false,
                dataType: 'json',
     
                // xhr For testing
                xhr: function () {
                    var xhr = $.ajaxSettings.xhr();
                    xhr.onprogress = function e() {
                      // For downloads
                        if (e.lengthComputable) {
                            console.log("Download ", e.loaded / e.total);
                        }
                    };
     
                    xhr.upload.onprogress = function (e) {
                        // For uploads
                        if (e.lengthComputable) {
                            //$("#field").find('#container-station-' + item).children('.chartLoading').show(1);  
                        }
                    };
                    return xhr;
                },
     
                error: function (data) {
     
                    console.log("Error getting datas from DB.");
                    //console.log("Data",data);
     
     
                },
                success: function (data) {   
                    console.log("data:",data);
               }
    })
    Et j'ai tout dans data,

    0: Object { unit: "V", station_longname: "Anenomètre", chartContainer: "ba", … }
    1: Object { unit: "Degré", station_longname: "Anenomètre", chartContainer: "di", … }
    2: Object { unit: "%", station_longname: "Anenomètre", chartContainer: "hu", … }
    3: Object { unit: "kPa", station_longname: "Anenomètre", chartContainer: "pr", … }
    4: Object { unit: "W/m2", station_longname: "Anenomètre", chartContainer: "ra", … }
    5: Object { unit: "C", station_longname: "Anenomètre", chartContainer: "te", … }
    6: Object { unit: "an", station_longname: "Anenomètre", chartContainer: "pl", … }
    7: Object { unit: "km/h", station_longname: "Anenomètre", chartContainer: "vi", … }
    Après est justement comment parcourir data. J'ai réussi à faire un truc, mais je je trouve pas trop galant.
    Ca me semble etre plus de la bricole

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    console.log("data:",data);
    var d_atas = new Array(4);
    for (var i = 0; i < 4; i++)
    {
        d_atas[i] = [];
    }
     
     for(var len in Object(data)){
                        console.log("obj data: ", data[len].chartContainer);
     
                        if(data[len].chartContainer == 'ba'){
                            d_atas[0][0] = data[len];
                        }
     
                        if(data[len].chartContainer == 'te'){
                            d_atas[0][1] = data[len];
                        }
     
                        if(data[len].chartContainer == 'hu'){
                            d_atas[1][0] = data[len];
                        }
     
                        if(data[len].chartContainer == 'pr' ){
                            d_atas[1][1] = data[len];
                        }
     
                        if(data[len].chartContainer == 'vi'){
                            d_atas[2][0] = data[len];
                        }
     
                        if(data[len].chartContainer == 'di' ){
                            d_atas[2][1] = data[len];
                        }
     
                        if(data[len].chartContainer == 'ra' ){
                            d_atas[3][0] = data[len];
                        }
     
     
                    }
    console.log("datas: ", d_atas);
    Résultat de d_atas:
    Nom : Screenshot 2021-03-22 at 15.46.14.png
Affichages : 161
Taille : 175,0 Ko

    Le truc c'est que j'ai des station qui n'ont que deux sondes, donc le code d_atas donnera

    Nom : Screenshot 2021-03-22 at 15.51.43.png
Affichages : 162
Taille : 98,2 Ko

  5. #5
    Expert confirmé Avatar de CosmoKnacki
    Homme Profil pro
    Justicier interdimensionnel
    Inscrit en
    Mars 2009
    Messages
    2 988
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Charente Maritime (Poitou Charente)

    Informations professionnelles :
    Activité : Justicier interdimensionnel

    Informations forums :
    Inscription : Mars 2009
    Messages : 2 988
    Par défaut
    Tu peux placer les chartContainer avec les index de ton tableau de résultat correspondants comme des pairs clef/valeur dans une Map.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    const data = {
        0: { unit: "V", station_longname: "Anenomètre", chartContainer: "ba"},
        1: { unit: "Degré", station_longname: "Anenomètre", chartContainer: "di"},
        2: { unit: "%", station_longname: "Anenomètre", chartContainer: "hu"},
        3: { unit: "kPa", station_longname: "Anenomètre", chartContainer: "pr"},
        4: { unit: "W/m2", station_longname: "Anenomètre", chartContainer: "ra"},
        5: { unit: "C", station_longname: "Anenomètre", chartContainer: "te"},
        6: { unit: "an", station_longname: "Anenomètre", chartContainer: "pl"},
        7: { unit: "km/h", station_longname: "Anenomètre", chartContainer: "vi"}
    };
     
    const rules = new Map([
        ['ba', 0], ['te', 0],
        ['hu', 1], ['pr', 1],
        ['vi', 2], ['di', 2],
        ['ra', 3]
    ]);
     
    const result = [[], [], [], []]; // on construit à l'avance avec des tableaux
                                     // vides les index qui seront remplis.
     
    for (const plen in data) {
        const cc = data[plen].chartContainer;
     
        if ( rules.has(cc) )
            result[rules.get(cc)].push(data[plen]);
    }
     
    console.log(result);

  6. #6
    Membre expérimenté
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    3 163
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mai 2005
    Messages : 3 163
    Par défaut
    mm, c'est intéressant, je vais regarder ce soir. Merci

Discussions similaires

  1. Réponses: 2
    Dernier message: 19/06/2008, 18h23
  2. Plusieurs niveaux dans une CGauge
    Par Ju2Pom dans le forum C++Builder
    Réponses: 0
    Dernier message: 17/12/2007, 17h45
  3. Réponses: 4
    Dernier message: 06/08/2007, 10h10
  4. Construire une chaine avec plusieurs espaces vides
    Par imane_bennouna dans le forum Langage
    Réponses: 10
    Dernier message: 04/08/2006, 09h29

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo