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 :

Accéder aux éléments d'un object javascript


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2004
    Messages : 7
    Points : 3
    Points
    3
    Par défaut Accéder aux éléments d'un object javascript
    Bonjour,

    Je suis nouveau dans le monde du dev web et j'ai un petit soucis pour accéder aux éléments d'un objet javascript.
    L'object s'appelle datasets et a cette forme (code récupéré via console.log(datasets) dans firebug) :

    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
     
    TS1HIGEO
    	Object { label="TS1-HIGEO", color=0, data=[6]}
     
    TS2HIGEO
    	Object { label="TS2-HIGEO", color=1, data=[6]}
     
    TS3HIGEO
    	Object { label="TS3-HIGEO", color=2, data=[6]}
     
    TS4HIGEO
    	Object { label="TS4-HIGEO", color=3, data=[6]}
     
    TS5HIGEO
    	Object { label="TS5-HIGEO", color=4, data=[6]}
    le problème c'est que TS1HIGEO, TS2HIGEO, etc.. sont des variables que je récupère de php via json_encode.

    Donc je ne sais pas comment accéder à datasets.X.data

    où X peu être TS1HIGEO, TS2HIGEO,etc.. C'est un bête problème logique et de syntaxe, mais si vous pouvez me donner un coup de main, j'apprécierais vachement super beaucoup !

  2. #2
    Membre émérite
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Points : 2 411
    Points
    2 411
    Par défaut
    Salut,

    L'objet se présente ainsi :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    var monObject={
    	TS1HIGEO:{label:"TS1-HIGEO", color:0, data:[6]},
    	TS2HIGEO:{label:"TS2-HIGEO", color:1, data:[6]},
    	TS3HIGEO:{label:"TS3-HIGEO", color:2, data:[6]},
    	TS4HIGEO:{label:"TS4-HIGEO", color:3, data:[6]},
    	TS5HIGEO:{label:"TS5-HIGEO", color:4, data:[6]}
    };
    Ex. : Pour accéder au premier élément du tableau data de TS1HIGEO de monObject,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var data =  monObject.TS1HIGEO.data[0];

  3. #3
    Candidat au Club
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2004
    Messages : 7
    Points : 3
    Points
    3
    Par défaut
    heu ok, mais donc je dois itérer sur mon object ?

    genre :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    var recup=[];
    for(i=0;i<monObject.length;i++)
    {
        var recup.push(monobject.i.data[0]);
    }
    ça marcherait comme ça ? faut penser ça autrement ?

    Merci pour ton aide

  4. #4
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 650
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 650
    Points : 11 141
    Points
    11 141
    Par défaut
    bonjour,

    étudie ce code :
    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
     
    var monObject={
    	TS1HIGEO:{label:"TS1-HIGEO", color:0, data:[6]},
    	TS2HIGEO:{label:"TS2-HIGEO", color:1, data:[6]},
    	TS3HIGEO:{label:"TS3-HIGEO", color:2, data:[6]},
    	TS4HIGEO:{label:"TS4-HIGEO", color:3, data:[6]},
    	TS5HIGEO:{label:"TS5-HIGEO", color:4, data:[6]}
    };
     
    var p;
    var i=0;
    var tabP = new Array();
     
    // boucle qui liste les propriétés de monObject.TS1HIGEO
    // (on remarquera le mot-clef "in")
    for (p in monObject.TS1HIGEO)	
    {
    	tabP[i] = p;
    	i++;
    }
     
    alert(tabP);	// affiche les propriétés trouvées : label ; color ; data
     
    // boucle qui permet d'afficher le contenu des propriétés
    for (i=0; i<tabP.length; i++)
    {
    	alert(tabP[i] + "= " + monObject.TS1HIGEO[tabP[i]]);	
    }

  5. #5
    Candidat au Club
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2004
    Messages : 7
    Points : 3
    Points
    3
    Par défaut
    Cool

    Merci pour le détail, ça me donne une idée plus claire de comment manipuler les objets javascript

    Bon réveillon

Discussions similaires

  1. Comment accéder aux éléments d'une sous formulaire en javascript
    Par oumelkhairat dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 25/11/2013, 16h15
  2. Accéder aux éléments du Dom d'une page inclue avec une balise object
    Par Aloneghost dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 02/04/2011, 21h06
  3. Réponses: 3
    Dernier message: 11/04/2006, 11h41
  4. Réponses: 7
    Dernier message: 30/03/2006, 10h04
  5. [WebForms][2.0]Accéder aux élément DropDownlist via Javascript
    Par steelidol dans le forum Général Dotnet
    Réponses: 2
    Dernier message: 21/10/2005, 15h01

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