Parcourir fichier json et écrire dans un tableau

**souhail72** · 23/01/2017, 10h37

Bonjour

j'ai un fichier Json de la forme suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

callback([{"Key":"COUNTER","Value":"2"},{"Key":"PARTNUMBER_0","Value":"CARCASSE IJ25 FISCAL RACHAT"},{"Key":"PARTNUMBER_1","Value":"CARCASSE IJ25 RACHAT"},{"Key":"STATUT","Value":"PASS"}])

et je souhaite le parcourir et remplir un tableau, de la manière suivante :
[CARCASSE IJ25 FISCAL RACHAT,CARCASSE IJ25 RACHAT]
je suis a ce niveau d’écriture, avec vous une idée ou ca bloque ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var listeCarcasse = new Array();
                        for (var i = 0; i<response.length; i++) {
 
                             listeCarcasse.push(response[2].Value);
 
                         }
 
                       alert(listeCarcasse.join(' '));

response est le resultat du fichier json

Merci

**danielhagnoul** · 23/01/2017, 11h07

Sous réserve d'avoir bien compris la demande, voici le code dans le JS d'aujourd'hui (ES2015). Si vous avez besoin d'être compatible avec les navigateurs obsolètes, il suffit d'utiliser Babel pour le convertir.

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
  <meta http-equiv="cache-control" content="public, max-age=60">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="author" content="Daniel Hagnoul">
  <title>Test</title>
  <style>
 
  </style>
  <script>
    'use strict';
 
    document.addEventListener( 'DOMContentLoaded', ev => {
 
    });
 
    window.addEventListener( 'load', ev => {
 
      const data = [
        {
          "Key":"COUNTER",
          "Value":"2"
        },
        {
          "Key":"PARTNUMBER_0",
          "Value":"CARCASSE IJ25 FISCAL RACHAT"
        },
        {
          "Key":"PARTNUMBER_1",
          "Value":"CARCASSE IJ25 RACHAT"
        },
        {
          "Key":"STATUT",
          "Value":"PASS"
        }
      ];
 
      let listeCarcasse = [];
 
      for ( let [ i, item ] of data.entries() ){
        if ( i > 0 ){
          listeCarcasse.push( item.Value );
        }
      }
 
      console.log( listeCarcasse.join( ", " ) ); // séparateur ", " ou autre
 
    });
  </script>
</head>
<body>
  <main>
 
  </main>
</body>
</html>

**souhail72** · 23/01/2017, 11h46

Merci bcp ca marche, par contre j'ai un retour de la chaine PASS et je ne le souhaite pas.
dans mon tableau j'ai : CARCASSE IJ25 FISCAL RACHAT, CARCASSE IJ25 RACHAT, PASS
merci

**souhail72** · 23/01/2017, 14h10

Résolue, fallait ajouter la condition : i < response.length - 1, dans mon cas le code exacte est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 let listeCarcasse = [];
 
                            for ( let [ i, item ] of response.entries() ){
                              if ( i > 0 & i < response.length - 1)
                              {
                                listeCarcasse.push( item.Value );
                              }
                            }

Merci @ toi et merci pour ton aide

**danielhagnoul** · 23/01/2017, 20h52

if ( i > 0 && i < response.length - 1).

Attention, il ne faut pas confondre l'opérateur logique "&&" avec l'opérateur binaire "&".

Opérateurs logiques
Opérateurs binaires

**NoSmoking** · 24/01/2017, 18h28

Bonjour,
ta solution est quand même tirée par les cheveux, que se passe t-il si tu te retrouves avec un élément qui s'interpose ou qui suit. Mais bien sûr si c'est toi qui le gère cela ne devrait jamais poser de problème.

J'aurais vu un approche plus générique du type

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
let filtre = 'PARTNUMBER';
let recup = [];
for ( let [i, item] of data.entries()) {
  // si commence par le filtre
  if (item.Key.indexOf(filtre) === 0) {
    recup.push(item.Value);
  }
}
console.log(recup)

tu pourrais également, dans le même ordre d'idée, utiliser la méthode .filter.

**souhail72** · 25/01/2017, 10h12

Effectivement c'est une meilleur approche pour résoudre ce problème. Merci @ vous pour le soutien

**souhail72** · 26/01/2017, 09h52

Re bonjour
Je souhaite faire d'autre modification sur ce tableau, au fait je souhaite ajouter des acolades.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
let filtre = 'PARTNUMBER';
                        let listeCarcasse = [];
                        for ( let [i, item] of response.entries()) 
                        {
                          if (item.Key.indexOf(filtre) === 0) 
                          {
                            listeCarcasse.push("["+item.Value+"]");
                          }
                        }

j'ai une sortie de ce type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 [1,carcasse1],[2,carcasse2],[3,carcasse3],[4,carcasse4]

et je souhaite avoir cette sortie :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[['1','carcasse1'],['2','carcasse2'],['3','carcasse3'],['4','carcasse4']]

rajouter 2 [] l'une a l'entrée et l'autre a la sortie, et les valeurs entre ' '

Merci pour votre aide

**NoSmoking** · 27/01/2017, 15h37

et je souhaite avoir cette sortie :

cela reviens à mettre ton résultat dans un Array.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var tab_autour = [tab];

Parcourir fichier json et écrire dans un tableau

JavaScript

Discussions similaires

Partager

Partager