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

VueJS Discussion :

Mon tableau PHP est transformé en Objet par le JSON


Sujet :

VueJS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Octobre 2019
    Messages
    29
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 23
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2019
    Messages : 29
    Par défaut Mon tableau PHP est transformé en Objet par le JSON
    Bonjour,

    J'ai un tableau PHP avec des clés en années et des valeurs, telles que : [ “2017” => [2017-12-01]]. Or lors du passage dans la vue, le JSON transforme ce tableau en objet et non en un tableau parce que un JSON c'est une suite d'entrée et pas une suite de clé -> valeur ( si je ne me trompe pas ).

    Du coup dans la vue, je récupère un objet et non un tableau qu'il me faudrait...

    J'ai vu des topics similaires avec JSON encode mais je ne comprends pas complètement son utilisation et surtout où l'écrire

    Je vous met le code de mon tableau PHP, qui en sortie est bien un tableau. ( Vérifié par gettype )

    Code php : 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
    private function _loadPrevFile($spec = false){ // But : Récupérer l'historique par années
            $file = $spec ? $this->_history_file_spec : $this->_history_file; 
            if( file_exists($file) ){ 
                $buffer = file_get_contents($file); // Récupération données
                if( $buffer !==FALSE ) {
                    $history = explode( "\n", $buffer);                          
                        foreach ((array) $history as $line){ // Obligation d'utiliser array pour décrire history comme tableau
                          $tab_date = explode("-", $line);                                         
                          $annee = $tab_date[0];  
                          if (!isset($prevHistory[$annee])){
    		                    $prevHistory[$annee] = []; // Tableau multidimensionnel
                                    }
                          $prevHistory[$annee][] = $line;                                                                 
                    }
                }
                unset($prevHistory[""]); // Supprime l'index qui était vide, cause : dernière ligne history.log
                $spec ? $this->prevHistory_spec = $prevHistory : $this->prevHistory = $prevHistory;
            }
        }
    Sinon, on m'a dit d'encapsuler [ “2017” => [2017-12-01]] tel que [[ “2017” => [2017-12-01]] dans un array php, mais je ne sais comment faire.
    Si on pouvait m'éclairer sur comment faire svp.

    PS : Pour ceux qui auraient suivi mes topics précédents, j'avance petit à petit, merci de votre aide

  2. #2
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 666
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 666
    Par défaut
    un tableau associatif en PHP à la même structure qu'un objet en javascript, donc cette transformation est normale.

    montrez nous comment vous voulez utiliser cette structure en javascript et ce qui vous pose un problème.

  3. #3
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Octobre 2019
    Messages
    29
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 23
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2019
    Messages : 29
    Par défaut
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <div class="row">
          <div class="col-md-8 col-md-offset-2">
            <div v-for="(items, key) in sortObject(datas.prevHistory)" class="panel" :class="'panel-'+status">  <!-- second argument index courant -->  
            <div class="panel-heading">
              <h3 class="panel-title"><i class="fa fa-bar-chart-o"></i> Historique {{key}} </h3>
            </div>
            <div class="panel-body" id="sensors">
              <div class="row">
                <button data-toggle="collapse" :data-target="'#prevHisto'+key">+</button>
              </div>
              <div class="row collapse" :id="'prevHisto'+key">
                <ul>
                  <li v-for="item in items">{{item}}</li> 
                </ul>  
              </div>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
     methods: {
        sortObject: function(o) {
          //Object.keys() permet de renvoyer un tableau contenant les noms (clés ou keys)
          //.sort() retourne le tableau en sens inverse           
          //console.log(Object.keys(o).reverse());
      	  return Object.keys(o).reverse().reduce((r, k) => (r[k] = o[k], r), {});
        },
    Enfaite ma méthode ne fonctionne pas dessus

  4. #4
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 666
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 666
    Par défaut
    quel résultat voulez-vous ?
    si vous voulez les clés dans l'ordre inverse, vous pouvez essayer cela :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    let tab = {
    	"2017" : ["valeur 1", "valeur 2"],
    	"2019" : [],
    };
     
     
    let cles = Object.keys(tab);
    cles.reverse();
     
    console.log(cles);

  5. #5
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Octobre 2019
    Messages
    29
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 23
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2019
    Messages : 29
    Par défaut
    Avec le code que vous avez pu voir plus haut, cela me donne différentes div avec un historique par année. En commencant par 2017 puis 2018 etc..
    Cependant je veux cet affichage de facon decroissante avec les valeurs, d'où le reverse.. mais le reduce remet tout dans le sens croissant.
    Mon prevHistory est tel que :{ "2017" =>[ "2017-01-01", "2017-02-02"], "2018" etc...
    Or, je voudrais [{ 2017 : ["2017-01-01", ... ]}, {2018 : ...}]

    Suis-je assez clair ?

    PS : Les données sont rangées dans prevHistory['annee']

  6. #6
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 666
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 666
    Par défaut
    je pense que vous vous êtes emmêlé les pinceaux entre la partie de préparation des données et la partie affichage et donc vous êtes parti sur une mauvaise piste.
    pour cet ordre, il vaut mieux trier les données dans la partie préparation en PHP, avec par exemple krsort($prevHistory); quand vous avez fini de construire le tableau.
    https://www.php.net/manual/fr/function.krsort.php

  7. #7
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Octobre 2019
    Messages
    29
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 23
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2019
    Messages : 29
    Par défaut Sortir des clés d'un tableau multimensionnel / objet
    Bonjour,

    J'ai un tableau de telle forme "[{[" :

    Nom : 1.PNG
Affichages : 126
Taille : 2,2 Ko

    Nom : image.png
Affichages : 114
Taille : 3,5 Ko

    Et j'aimerais sortir les clés en javascript.. Pas les clés 0, 1, 2 etc... mais bien 2018, 2017 etc...

    Comment puis-je faire ?

    Merci d'avance

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 1
    Dernier message: 15/08/2011, 14h55
  2. Transformer mon tableau php en un tableau js (50% du travail fait)
    Par beegees dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 09/03/2009, 11h06
  3. en quoi l init de mon tableau n 'est pas bonne ?
    Par poulette3000 dans le forum AWT/Swing
    Réponses: 1
    Dernier message: 31/10/2007, 17h29
  4. Réponses: 2
    Dernier message: 23/05/2007, 10h40

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