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).

[Macmillenium]

Watilin, c'est encore mieux avec hasOwnProperty, ça permet d'éviter les propriétés qui se trouvent dans la chaine prototype.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
for (var name in assoc) {
    if (assoc.hasOwnProperty(name)) {
        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]));
    }
}

[Willpower]

Watilin, c'est encore mieux avec hasOwnProperty, ça permet d'éviter les propriétés qui se trouvent dans la chaine prototype.

C'est vrai et en même temps... "assoc" dans son code c'est un objet déclaré littéralement, donc pour qu'il y ait des propriété énumérables non propres à lui il faudrait qu'il ait ajouté un prototype au constructeur par défaut "Object" :

Code :

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

Object.prototype.blablabla = ...

Ce qui en soit est une horreur.

[javatwister]

et tout aussi moche, pour le fun

Code :

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

1
2
3
4
5
6
var tab=[]
var test = "val1:012,val2:456";
var t=test.split(/\W/)
for(i=0;i<t.length;i+=2){
	tab[t[i]]=t[i+1]
}

[Bovino]

Pfff... vire donc ce +=2 qui ne sert à rien !

Code :

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

1
2
3
4
5
6
7
var tab=[]
var test = "val1:012,val2:456";
var t=test.split(/\W/)
for(i=0;i<t.length;i++){
	tab[t[i]]=t[++i]
}
console.log(tab)

[javatwister]