Discussion :

[seb-65]

Bonjour,

Je voudrais extraite le contenu d'une chaine (couple clé/valeur) et ensuite mettre le résultat dans une table HTML.

Voici ici mon code, est-ce qu'il y a mieux/plus simple et plus rapide ?

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
 
 
var test = "val1:012,val2:456";
 
var theval = new Array();
test = test.split(',');
 
	for(var i in test)
{
	var p = test[i].split(':');
	theval[p[0]] = p[1];
}
 
for (var i in theval) {
	alert(i+'='+theval[i]);
// Construction de la table HTML ici ??
}

Merci

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
9
10
var montest = "val1:012,val2:456";
 
temptab=montest.split(',')
finaltab=new Array()
var i=-1;
while(temptab[++i]){
subsplit=temptab[i].split(':')
finaltab[subsplit[0]]=subsplit[1]
}
alert(finaltab.val1)

ça revientau même, mais il doit etre possible de faire un JSON.parse pour les navigateurs qui le supportent ...
sinon un eval

Code :

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

1
2
3
4
5
var montest = "val1:12,val2:456";
montest="{"+ montest.replace(/(^|,)([^:]+)(?=\:)/g,'$1"$2"')+"}"
alert(montest)
final=eval("(function(){return " + montest + ";})()");
alert(final.val1)

à noter que 012 => 10 ( javascript retourne l'octal )

[Bovino]

Si tu as la possibilité de modifier

Code :

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

var test = "val1:012,val2:456";

en

Code :

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

var test = '"val1":12,"val2":456';

ou en

Code :

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

var test = '"val1":"012","val2":456';

,
alors le plus simple sera

Code :

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

console.log(JSON.parse(test));

et au passage,

chaine vers tableau associatif

les tableaux associatifs n'existent pas en JavaScript, il n'existe que des tableaux indicés ou des objets !

[SpaceFrog]

Si tu as la possibilité de modifier
var test = "val1:012,val2:456";

en
var test = '"val1":12,"val2":456';

C'est ce que fait

Code :

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

montest="{"+ montest.replace(/(^|,)([^:]+)(?=\:)/g,'$1"$2"')+"}"

en ajoutant des {} autour

[Watilin]

Je suis surpris que personne n'ait encore pensé à ça :

Code :

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

1
2
3
4
5
6
7
8
9
var test = "val1:012,val2:456";
 
var regexp = /([^:]+):([^,]*),?/g;
var assoc = {};
 
var match;
while (match = regexp.exec(test)) {
	assoc[match[1]] = match[2];
}

C'est, à quelques détails près, la méthode que j'emploie souvent pour examiner les cookies.

Après, pour construire un tableau, c'est un peu fastidieux mais c'est faisable :

Code :

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

1
2
3
4
5
6
7
8
9
10
var $table = document.createElement("table");
for (var name in assoc) {
	var $row = $table.insertRow(-1);
 
	var $nameCell = $row.insertCell(-1);
	$nameCell.appendChild(document.CreateTextNode(name));
 
	var $valueCell = $row.insertCell(-1);
	$valueCell.appendChild(document.CreateTextNode(assoc[name]));
}

Note : attention à ne pas utiliser la boucle for (... in ...) avec de vrais tableaux, elle n'est pas cohérente si le prototype de Array a été modifié (par exemple avec les bibliothèques Prototype et MooTools).