Faire un Tableau à partir d'objet JSON valeurs avec jQuery

J'ai ce simple fichier JSON (test.json):

{"personnes":[
            {
                "name":"Super",
                "firstname":"Mario",
                "adresse":["45 rue du poirier","6700","Strasbourg"],
                "departement": "bas-rhin",
            },
            {
                "name":"Super",
                "firstname":"Luigi",
                "adresse":["10 rue du muguet","6700","Strasbourg"],
                "departement": "eure",
            }
]}

Pour certaines raisons, j'ai besoin d'obtenir chaque "département" valeurs stockées dans un tableau comme ceci :["bas-rhin","eure"]

J'ai appris que $.makeArray() peuvent accomplir la tâche, mais n'ai pas trouvé comment. Voici mon jQuery :

$( document ).ready(function() {
    $.getJSON( "ajax/test.json", function( data ) {
        console.log('loaded');
        var departement;
        var departements = $.each(data.personnes, function (index, personne) {
            departement = personne.departement;
            var arr = $.makeArray(departement);
            console.log(arr)
        });
    });
});

Avec ce code, j'obtiens 2 séparés des tableaux : ["eure"] et ["bas-rhin"].

Voici la question : Comment puis-je le résoudre et d'obtenir ces valeurs dans un tableau unique ?

OriginalL'auteur justinbasile | 2014-02-26

  1. 5

    Je pense que vous devriez essayer comme ceci:

    $.getJSON( "ajax/test.json", function( data ) {
    console.log('loaded');
    var departement = []; //create array here
    $.each(data.personnes, function (index, personne) {
        departement.push(personne.departement); //push values here
    });
    console.log(departement); //see the output here
});

    OriginalL'auteur Jai

  2. 9

    Utilisation map. C'est beaucoup plus simple:

    var arr = data.personnes.map(function (el) {
  return el.departement;
});

console.log(arr); //["bas-rhin", "eure"]

    Alternativement, à l'aide de jQuery $.map:

    var arr = $.map(data.personnes, function (el) {
  return el.departement;
});

    Violon

    Si vous avez besoin d'un polyfill pour la carte:

    if (!('map' in Array.prototype)) {
  Array.prototype.map = function (mapper, that /*opt*/) {
    var other = new Array(this.length);
    for (var i = 0, n = this.length; i < n; i++) {
      if (i in this) { other[i] = mapper.call(that, this[i], i, this); }
    }
    return other;
  };
}
    Sa fine mais ie8 est d'avoir des problèmes avec .map().
    Vous pouvez utiliser $.carte pour une solution compatible.

    OriginalL'auteur Andy

  3. 1

    Il existe de nombreux à déclarer un tableau. choisissez l'un:

    var arr = $.makeArray();
or
var arr = [];
or
var arr = new Array();

    Il y a trois façon de créer de la matrice à partir d'objet json:

    1.

    $.each(data.personnes, function (index, personne) {
    arr[index] = personne.departement;
});

    2.

    var arr = personnes.personnes.map(function (element) {
    return element.departement;
});

    3.

    for(var index = 0;  index < data.personnes.length; index++) {
    arr[arr.length] = data.personnes[index].departement;
}

    Maintenant, vous avez regardez sur l'image :

    Faire un Tableau à partir d'objet JSON valeurs avec jQuery

    OriginalL'auteur uma

  4. 0

    Essayer cette

    $( document ).ready(function() {
    $.getJSON( "ajax/test.json", function( data ) {
        console.log('loaded');
        var departement_arr = [];
        var departements = $.each(data.personnes, function (index, personne) {
            departement_arr.push(personne.departement);
        });
        console.log(departement_arr);
    });
});

    OriginalL'auteur Arek S

  5. 0

    JavaScript n'a pas de tableaux associatifs; vous ne pouvez pousser une valeur dans un tableau. Si vous êtes à la recherche pour les éléments suivants résultat final:

       ['abc','dg','erte']

    //0 1 2 <------- Index ( pas 1 2 3 )

    utilisation .chaque 

    var arr= new Array();
$.each( personnes, function(i, obj) {
      arr.push( obj.personnes)
});

    Ou vous pourriez utiliser .carte

    var arr = $.map( personnes, function( obj, i ) { return obj.personnes; } );

    OriginalL'auteur

  6. 0

    Ici est une façon de le faire à l'aide de simple logique de tableau:

    $( document ).ready(function() {
    $.getJSON( "ajax/test.json", function( data ) {
        console.log('loaded');
        var departements = [];
        $.each(data.personnes, function (index, personne) {
            departements[departements.length] = personne.departement;
        });
        console.log(arr);
    });
});

    OriginalL'auteur Wilmer