Création d'un tableau json et d'éléments json avec jquery?

Question

J'ai fait une simple classe javascript comme ceci:

function Horse() { 
    this.color = 'brown'; 
    this.speed = 'somewhat slow'; 
} 

Je joint quelques cas à certains éléments, comme ceci:

$("#horse1").data('d', new Horse()); 
$("#horse2").data('d', new Horse()); 
$("#horse3").data('d', new Horse()); 

maintenant je veux créer un tableau JSON avec une représentation JSON de chaque objet cheval. Donc, je fais ceci:

// How do I create an empty JSON array here?: 
var myJsonArray = ?; 

var children = $("#horses").children(); 
for (var i = 0, m = children.size(); i < m; i++) { 
    var panel = children[i]; 
    var horse = $(panel).data('h'); 

    // And how do I create a JSON rep of my horse here? 
    var myJsonHorse = new JsonHorse(?); 

    // Finally, how do I add it to the json array? 
    myJsonArray.push(myJsonHorse); 
} 

ouais mon objectif final est d'avoir un seul tableau JSON de tous les chevaux après itérer sur tous les enfants - pas sûr si cela doit être fait dans la plaine javascript ou jquery?

Merci

Modifier ------------------- ----------------

Désolé , mon but final est de convertir le tableau en une chaîne, donc j'ai un grand tableau json converti en une chaîne que je peux soumettre à un appel ajax qui sera traité par mon serveur.

Answer 1

Pour déclarer un tableau que vous avez juste besoin Array notation littérales:

var myArray = []; 

La méthode push fonctionnera sans problèmes.

Une autre possibilité est d'utiliser la méthode $.map:

var myArray = $("#horses").children().map(function (index, el) { 
    return $(el).data('d'); 
}).get(); 
// Will return an array containing: 
// [{"color":"brown","speed":"somewhat slow"}, 
// {"color":"brown","speed":"somewhat slow"}, 
// {"color":"brown","speed":"somewhat slow"}] 

Vérifiez un exemple here.

ensuite de convertir ce tableau à une chaîne JSON, vous pouvez utiliser la méthode JSON.stringify (disponible en mode natif sur presque tous les navigateurs, pour IE 8 < vous pouvez utiliser json2.js).