Amélioration : chaine vers tableau associatif

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:

---

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

Code:

---

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:

---

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 )

Si tu as la possibilité de modifier

Code:

---

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

---

en

Code:

---

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

---

ou en

Code:

---

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

---

,
alors le plus simple sera

Code:

---

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

---

et au passage,

Citation:

---

chaine vers tableau associatif

---

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

Citation:

---

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:

---

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

---

en ajoutant des {} autour ;)

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

Code:

---

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:

---

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

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

Code:

---

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])); } }

---

Citation:

---

Envoyé par Macmillenium

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:

---

Object.prototype.blablabla = ...

---

Ce qui en soit est une horreur. ;)

et tout aussi moche, pour le fun

Code:

---

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] }

---

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

Code:

---

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)

---

:mrgreen:

:mrgreen: :ccool: