Parse Json javascript

Version imprimable

Bonjour a tous
Je suis d�butant dans la programmation javascript.

J'ai besoins de rechercher en boucle les valeurs d'un fichier json.

Mon type de fichier json :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 items: [ { author: "xxx", difficulty: 3, dishType: { guid: "xxxxxxxxxxxxxxxxxxxxxxxx", label: "Label", }, guid: "xxxxxxxxxxxxxxxxxxxxxxx", id: 10947, pictures: [ { name: "picture", url: "http://xx.jpg.jpg" } ], preparationTime: null, title: "Titre article", },
Je dois donc r�cup�rer via une fonction toutes les info des items class� par title.

Pouvez vous m'expliquer.

Merci d'avance.

a priori ce que tu nous montres l� n'est pas un json mais un array ...

ce qui tombe plutot bien car cela te permet d'utiliser le sort() avec une fonction callback qui fera le tri sur l'element souhait�

Code:

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
items= [
{
    author: "xxx",
    difficulty: 3,
    dishType: {
                guid: "xxxxxxxxxxxxxxxxxxxxxxxx",
                label: "Label",
                },
    guid: "xxxxxxxxxxxxxxxxxxxxxxx",
    id: 10947,
    pictures: [{name: "picture",
                url: "http://xx.jpg.jpg"
                }],
    preparationTime: null,
    title: "Titre C" 
},
{
    author: "xxx",
    difficulty: 3,
    dishType: {
                guid: "xxxxxxxxxxxxxxxxxxxxxxxx",
                label: "Label",
                },
    guid: "xxxxxxxxxxxxxxxxxxxxxxx",
    id: 10947,
    pictures: [{name: "picture",
                url: "http://xx.jpg.jpg"
                }],
    preparationTime: null,
    title: "Titre A" 
},
{
    author: "xxx",
    difficulty: 3,
    dishType: {
                guid: "xxxxxxxxxxxxxxxxxxxxxxxx",
                label: "Label",
                },
    guid: "xxxxxxxxxxxxxxxxxxxxxxx",
    id: 10947,
    pictures: [{name: "picture",
                url: "http://xx.jpg.jpg"
                }],
    preparationTime: null,
    title: "Titre F" 
}
]
 
 
function sortByTitle(a,b) {
           return (a.title > b.title)? 1:-1;
}
 
items.sort(sortByTitle)
for (elt in items){ alert (items[elt].toSource())}

http://jsfiddle.net/hdVUk/1/

05/11/2013, 09h29
Makinator

Merci pour votre r�ponse.
Je ne sais pas si j'ai �t� explicite dans ma demande.

Je cherche a lire le fichier json. je dois faire une boucle sur le champ 'id' et r�cup�rer les valeurs des autres champs.

Je n'ai pas mis le fichier json au complet. J'ai juste mis la partie array

Merci.
05/11/2013, 09h41
SpaceFrog

Citation:

Je cherche a lire le fichier json

items n'est pas un json ... mais un array

ta demande est loin d'etre claire ???

tri ??? parcourir ??? quel est ton besoin pr�cis ... ?
05/11/2013, 10h11
Makinator

1 pi�ce(s) jointe(s)

Effectivement, c'est peut �tre pas tr�s clair.

J'ai mis en pi�ce jointe le fichier r�cup�r�.

je souhaite parcourir et r�cup�rer les valeurs de certain attibuts comme (label, title, id)
05/11/2013, 10h21
SpaceFrog

http://jsfiddle.net/hdVUk/2/
05/11/2013, 10h49
Makinator

Je cherche a parser le fichier json, que j'ai mis en pi�ce jointe. et rechercher les valeur de title,label...
05/11/2013, 10h54
SpaceFrog

et qu'est ce qui t'empeche d'etudier le code propos� pour l'adapter � ton json ..
Nous ne sommes pas l� poru faire le travail � ta place !

La methode de tri et celle de parcours a �t� donn�e ...
05/11/2013, 11h10
Makinator

Citation:

Envoy� par SpaceFrog

et qu'est ce qui t'empeche d'etudier le code propos� pour l'adapter � ton json ..
Nous ne sommes pas l� poru faire le travail � ta place !

La methode de tri et celle de parcours a �t� donn�e ...

Veuillez m'excuser, je ne cherche pas a ce qu'on fasse le travail a ma place.:?
Comme je le dis je d�bute en javascript, votre code fonctionne.
Le hic que j'ai c'est quand je parse le fichier json voici le r�sultat via console.log:
Les items ne sont pas lu, je loupe obligatoirement quelque chose.

Citation:

{ data:
{ kind: 'lightRecipe',
adServer: { name: '' },
currentItemCount: 10,
itemsPerPage: 10,
startIndex: 1,
totalItems: 3903,
items:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ] },
apiVersion: '4.0.0' }
05/11/2013, 11h20
SpaceFrog

les items sont lus ...

montre plutot ton code qui m�ne a ce resultat en console ...

Voici le code en question :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var get_json = function () {
var http = require('http');
	var options = {
	  hostname: 'localhost',
	  port: 80,
	  path: '/json',
	};
 
	http.get(options, function(res) {
 
			var buffer = '';
			res.on('data', function (chunk) {
					buffer += chunk;
				});
			res.on('end', function(){
					var jsonrecette = JSON.parse(buffer);
 
			var file   = __dirname + 'recette.json';
 
				console.log(jsonrecette);
				});
		}).on('error', function(e) {
			console.log ("Une erreur s'est produite: " + e.message);
		});

05/11/2013, 11h34
SpaceFrog

??? tu utilises une lib ???
05/11/2013, 11h57
NoSmoking

Bonjour,

Citation:

Envoy� par SpaceFrog

??? tu utilises une lib ???

Code:

var http = require('http');

cela sent le node.js.
05/11/2013, 13h51
Makinator

J'arrive a r�cup�rer dans une varaible le contenu de mon json, avec un

Citation:

JSON.Strinfify

Citation:

//recup�ration des elements
for (elt in items){ alert('label: '+items[elt].dishType.label +"\nid:" +items[elt].id +"\ntitre"+items[elt].title)}

A quoi correspond "items"? (le contenu de mon json?)
05/11/2013, 13h59
SpaceFrog

Code:

for (elt in items)

pour chaque element de l'objet ...
05/11/2013, 14h54
sekaijin

une simple recherche sur le net JSON.parse
http://msdn.microsoft.com/fr-fr/libr...(v=vs.94).aspx
05/11/2013, 15h29
NoSmoking

Citation:

for (elt in items)

juste pour chipoter je mettrais plut�t :aie:

Code:

for( items in elt)
05/11/2013, 15h41
SpaceFrog

ben non items c'est son json ... ou array ...
05/11/2013, 15h59
NoSmoking

Au temps pour moi je n'avais pas lu les identifiants de sa structure, il y a confusion avec sa phrase

Citation:

Les items ne sont pas lu, je loupe obligatoirement quelque chose.

Il me semble dans ce cas que les termes sont mal choisis et ma remarque �tait plus dans le sens de ressemblait �

Code:

for( propriete in objJSON)

Mais je chipote toujours ;)
05/11/2013, 16h19
SpaceFrog

oui tu parles de chois de nommage des variables ...
05/11/2013, 16h31
NoSmoking

cela revient effectivement en partie � cela!
06/11/2013, 08h27
arnogues
Citation:
Envoy� par SpaceFrog

a priori ce que tu nous montres l� n'est pas un json mais un array ...

ce qui tombe plutot bien car cela te permet d'utiliser le sort() avec une fonction callback qui fera le tri sur l'element souhait�

Code:

1 2 3 4 5 6 7 8 9 items= [...] function sortByTitle(a,b) { return (a.title > b.title)? 1:-1; } items.sort(sortByTitle) for (elt in items){ alert (items[elt].toSource())}

http://jsfiddle.net/hdVUk/1/
Un "for...in" sur un array, tu dois �tre tr�s fatigu� toi :o

ou est le souci ?

Code:

1
2
3
4
items= [1,2,3,4,5]
for (elt in items){
    alert(items[elt]);
          }

Code:

1
2
3
4
5
6
 
Array.prototype.youpi = function(){ alert("youpi j'ai une lib qui m'ajoute des trucs dans le prototype d'Array"); };
 
var a =[1,2,3];
var b=[]; for(var prop in a){ b.push(prop); }
return b.join(", "); //["0", "1", "2", "youpi"]

:P

R�flexe: ne jamais utiliser for..in sur les Array

06/11/2013, 14h30
SpaceFrog

hasOwnProperty ...
06/11/2013, 14h34
Bovino

forEach() ;)
06/11/2013, 15h10
SylvainPV

ou

Code:

for(var i=0; i<arr.length; i++){ }

Les vielles recettes font aussi des bons plats
06/11/2013, 15h13
SpaceFrog
Code:

1 2 3 4 i=-1 while( arr[++i]){ }
est plus rapide ...
06/11/2013, 15h14
Bovino

Dans ce cas, autant le faire de fa�on optimis�e :

Code:

for(var i=0, l=arr.length; i<l; i++){ }

:mrgreen:
06/11/2013, 15h25
Kaamo

J'utilise la m�me forme que Bovino. Mais les perfs sont quasi identiques
06/11/2013, 16h46
fredoche

Par curiosit� j'ai test� une ou deux formes r�cursives pour ces boucles sur l'outil jsperf : 50% plus lente

Par contre, j'ai quand m�me un doute, le test se contente de faire une boucle de 1 � 1000 sans utiliser � proprement parler le tableau, juste en utilisant la valeur de la boucle.

Bref je sais pas si �a montre grand chose....?
06/11/2013, 18h06
fredoche

pour info, j'ai test� en ajoutant une simple op�ration de concat�nation sur le contenu du tableau:
http://jsperf.com/fastest-array-loops-in-javascript/90
avec chromium (linux) la r�cursivit� serait plus rapide que toutes les autres formes de boucles.

Je pr�sume que chromium utilise V8
08/11/2013, 15h30
arnogues

Sauf qu'il peut arriver que tu te retrouves avec une erreur du genre "Max Stack Exceed",

La pile de fonctions n'est pas infinie dans certains browsers
08/11/2013, 17h50
fredoche

oui bien sur

elle n'est jamais infinie � ma connaissance, mais j'ai cru comprendre en �coutant Douglas Crockford que lui au moins milite pour r�soudre cette barri�re dans le futur. Je suis tr�s au fait de cette limitation car vraisemblablement on pourrait quasi "tout" faire en r�cursif sans cette limitation.

C'est juste une autre forme de syntaxe qui permet d'ex�cuter des boucles comme le ferait les syntaxes pr�sentes sur la page
C'est surtout que je n'ai pas bien compris l'int�r�t de cette page de benchmarks, o� l'on instancie un tableau de 1000 lignes dont le seul et unique usage consiste � r�cup�rer sa longueur pour d�terminer le nombre d'it�rations.
le tableau en lui-m�me n'est pas utilis� dans la boucle. On aurait pu faire un var j= 1000; pour avoir le m�me r�sultat
Si le tableau existe et est rempli, autant l'utiliser dans la boucle, �a se rapproche un peu plus de la r�alit�.

Et il se trouve que javascript excelle � la r�cursivit� en principe. Donc j'ai voulu voir comment se comparait la r�cursivit� compar�e aux autres syntaxes, tout en mettant en jeu le contenu du tableau.
Et �tonnamment sous Chrome, les performances se comparent voir sont sup�rieures.

Sous Firefox, il y a un truc avec les boucles, certaines ont des performances 400 fois sup�rieures aux autres, ce qui n'est pas le cas des autres navigateurs que j'ai test�
10/11/2013, 00h24
arnogues

Bon on a d�vi� du sujet initial je pense :D
Enfin bref, toujours est-il que parcourir un Array avec un for...in n'a aucun sens. Un array est un tableau pas un objet qui sert de "map".
12/11/2013, 08h38
SpaceFrog

Citation:

toujours est-il que parcourir un Array avec un for...in n'a aucun sens.

Sauf si tu veux parcourrir les propri�t�s de l'array ;)