Comment convertir JS Objet Array

J'ai besoin de convertir une valeur de hachage de la carte 

{ 
    "fruit" : ["mango","orange"],
    "veg"   : ["carrot"]
}

à 

[ 
  { "type" : "fruit" , "name" : ["mango","orange"] } ,
  { "type" : "veg" ,   "name" : ["carrot"] } 
]

comment dois-je faire??

  • Je voudrais savoir comment le faire de deux manières..
  • s'il vous plaît, n'oubliez pas de toujours fournir un code identation, il rend la question plus facile à lire
  • merci pour le modifier...en souviendra nxt temps..
  • Notez que JavaScript n'a pas de "hash map", juste des "objets".
InformationsquelleAutor Sam | 2012-04-26
  1. 34

    Vous pouvez le faire comme ceci (un extrait):

    JS:

    var input = { 
    "fruit" : ["mango","orange"],
    "veg"   : ["carrot"]
} 

var output = [], item;

for (var type in input) {
    item = {};
    item.type = type;
    item.name = input[type];
    output.push(item);
}

//display result
document.write(JSON.stringify(output));

    Ou, si vous ou quelqu'un d'autre a été l'extension de la Object prototype avec les propriétés énumérables (je pense que c'est une mauvaise pratique personnellement), alors vous pouvez l'utiliser pour protéger de la que:

    JS:

    var input = { 
    "fruit" : ["mango","orange"],
    "veg"   : ["carrot"]
} 

var output = [], item;

for (var type in input) {
    if (input.hasOwnProperty(type)) {
        item = {};
        item.type = type;
        item.name = input[type];
        output.push(item);
    }
}

//display result
document.write(JSON.stringify(output));

    Et, à l'aide de quelques plus de fonctionnalités modernes:

    JS:

    var input = { 
    "fruit" : ["mango","orange"],
    "veg"   : ["carrot"]
};

var output = Object.keys(input).map(function(key) {
   return {type: key, name: input[key]};
});

//display the result
document.write(JSON.stringify(output));

    • Je propose de le vérifier hasOwnProperty à l'intérieur de la for...in boucle.
    • Je n'ai PAS suggérons de vérifier hasOwnProperty à l'intérieur pour...en boucle.
    • Veuillez expliquer pourquoi.
    • Pourquoi quelqu'un voudrait-il le faire si ils n'ont pas étendu Object.prototype?
    • Si je décide d'exécuter Object.prototype.test = 'test' sur votre page, juste pour l'enfer de lui. BAM! Cassé votre script 😛
    • Comment est votre code d'arriver sur ma page?
    • JavaScipt de la console. javascript:Object.prototype.test = 'test' dans la barre d'adresse. Script Greasemonkey/plugin de navigateur. De nombreuses façons.
    • voir ma question à la discussion, il est de toute façon pas de place pour une telle étendue dicussions
    • J'ai donné de l'OP soit l'option dans ma réponse (avec ou sans hasOwnProperty()). Je n'ai pas personnellement permettre l'extension de Object dans mes pages, donc je n'ai pas à ajouter un code supplémentaire pour protéger d'elle. Si j'étais dans un milieu où c'était possible, je voudrais le code pour le protéger de lui.
    • Ajout d'une version plus moderne à l'aide de Object.keys() et .map() et fait tous les exemples dans les extraits.

    InformationsquelleAutor jfriend00
  2. 25

    Dans un navigateur qui prend en charge ES5 – ou lorsque vous avez ajouté un cale pour elle:

    var stuff = { 
    "fruit" : ["mango","orange"],
    "veg"   : ["carrot"]
}

var array = Object.keys(stuff).map(function(key) {
    return {"type" : key, "name" : stuff[key] }
})

    Voir: Objet.touches, La matrice de la carte

    Ou, dans l'ancienne façon:

    var stuff = { 
    "fruit" : ["mango","orange"],
    "veg"   : ["carrot"]
}

var array = []

for (var key in stuff) {
    if (stuff.hasOwnProperty(key)) {
        array.push({"type" : key, "name" : stuff[key] })
    }
}

    Veuillez noter que, dans les deux cas, le tableau de la valeur sont partagés, car en JS les objets sont passés par référence. Ainsi, par exemple, stuff["fruit"] et array[0].name points à la même référence de la matrice ["mango", "orange"]. Cela signifie que si vous modifiez l'un d'eux, l'autre sera changé:

    stuff["fruit"].push("apple");
alert(array[0].name); //"mango", "orange", "apple"

    Pour éviter cela, vous pouvez utiliser tranche d'avoir un niveau de profondeur copie de votre tableau. Ainsi, dans le code ci-dessus, au lieu de:

    "name" : stuff[key]

    vous aurez:

    "name" : stuff[key].slice(0)

    Espère que cela aide.

    • Jamais vu d'Objet.touches avant...fonctionne très bien
    InformationsquelleAutor ZER0
  3. 9

    Pour ceux qui utilisent ES6 cartes...

    En supposant que vous avez...

    const m = new Map()
m.set("fruit",["mango","orange"]);
m.set("veg",["carrot"]);

    Vous pouvez utiliser...

    const arr = Array.from(map, ([key, val]) => {
  return {type: key, name: val};
});

    Noter que Tableau.à partir de prend iterables ainsi que de la matrice comme des objets.

    InformationsquelleAutor WoodenKitty
  4. 6

    Je voudrais donner une "oneline" solution:

    var b = Object.keys(a).map(e => { return { type:e, name:a[e] } });

    Économie de mots à votre service. Question posée pour la traduction d'un objet à un tableau, donc je ne suis pas la duplication de la réponse ci-dessus, n'est-ce pas?

    InformationsquelleAutor Roberto
  5. 1

    Cela semble simple, la clé de votre carte est de type et les valeurs sont le nom, donc, juste loop thru carte et insérer un objet dans une liste par exemple

    var d = { "fruit" : ["mango","orange"],"veg" :["carrot"]} 
var l = []
for(var type in d){
    l.push({'type':type, 'name': d[type]})
}
console.log(l)

    de sortie:

    [{"type":"fruit","name":["mango","orange"]},{"type":"veg","name":["carrot"]}]
    • comme une bonne pratique, il est préférable d'utiliser des .hasOwnProperty() méthode
    • pourquoi ce qui est nécessaire dans ce cas, lorsque le format est fixe carte?
    • Parce que sans hasOwnProperty, votre for... in boucle de lecture des valeurs de la chaîne de prototype. Par exemple Object.prototype.test = 'test'. Votre boucle de lire cette valeur, hasOwnProperty vérifie si la valeur est à partir de l'objet lui-même, et non pas de sa chaîne de prototype.
    • Je n'ai pas dit que c'est nécessaire, mais nous ne pouvons pas dire si l'objet a d'autres propriétés ajoutées via Object.prototype
    • alors, que faire si ce n'est pas un fixe de la carte??
    • Sauf si vous avez le code qui ajoute des propriétés énumérables à Object.prototype, il n'est pas nécessaire. Il ne fait aucun sens d'utiliser hasOwnProperty si vous ne l'avez pas fait.
    • en dépendra du problème et comment le dict a été construit, mais dans ce cas, je vais l'en dissuader l'usage quand je sais que j'ai un simple objet JavaScript, c'est comme l'optimisation prématurée et diminue readablity
    • par fixe carte, je sais qu'il a des propriétés requises et que vous l'avez créé thru normal de la création de l'objet ou du json, elle fonctionne pour toutes ces cartes.
    • Je pense qu'il est bon d'utiliser hasOwnProperty de toute façon, donc si il y a un cas où c'est nécessaire, vous n'oublierez pas. 😛
    • il n'est pas à propos de l'optimisation prématurée: c'est juste de la bonne pratique et la prévention des maux de tête
    • Ce que je exécuter Object.prototype.test = 'test' sur votre page? hasOwnProperty va m'empêcher de casser votre page 🙂
    • dans ce cas, pourquoi ne pas vérifier si la clé n'est pas une fonction, ou plusieurs de ces contrôles ou peut, dans certains cas, nous ne voulons parent propriétés afin d'ajouter une option pour que trop
    • Je ne comprends pas. Comment est votre code d'arriver sur ma page? 🙂
    • JavaScipt de la console. javascript:Object.prototype.test = 'test' dans la barre d'adresse. Script Greasemonkey/plugin de navigateur. De nombreuses façons.
    • Qui n'a pas beaucoup de sens. Pourquoi une personne de sabotage de la page qu'ils visitent? Si ils veulent faire, c'est bien, mais c'est un universitaire point, au mieux.
    • Ce n'est pas une fonction. Pourquoi vérifier, pour chaque scénario, lorsque hasOwnProperty est facile? 😛
    • qu'en est quelques une insertion de mauvais fruits.e.g mymapp['fruits'] = 'bacon', ou l'ajout d'une fonction directement à mon objet donc je filtre aussi
    • pas une question de sabotage: si une autre bibliothèque js fait plus d'Objet.le prototype. Comment pouvez-vous être sûr que cela n'arrive jamais?
    • De quoi parles-tu? C'est pourquoi vous jamais utiliser des variables globales 😛
    • L'Ignorance du code que vous utilisez n'est pas un très bon argument. Un programmeur doit savoir ce qu'est une bibliothèque avant de l'utiliser. Si elle s'étend Object.prototype, vous devez cesser de l'utiliser. Et la Fusée exemple, était l'un de sabotage.
    • c'est pourquoi les bibliothèques ne doivent pas modifier l'objet prototype et si lib ne qui ne les utilisent pas, je suis plein contrôle sur mes pages
    • Pour répondre à votre question "Comment pouvez-vous être sûr que cela n'arrive jamais?", il est trivial de test pour Object.prototype extensions si vous êtes vraiment inquiet à ce sujet.
    • Si ce tableau a été ensuite envoyé à un serveur via AJAX. Que faire si je suis un méchant hacker? Assez de "ce qui si"s. hasOwnProperty assurez-vous que votre tableau est ce que vous voulez. Object.prototype peut être étendu de manière légitime. Je pense que c'est une bonne habitude d'utiliser hasOwnProperty, afin de ne pas les oublier quand c'est vraiment nécessaire. Il vous permettra de gagner des maux de tête.
    • est encore plus trivial, et moins de code 😛
    • Si vous avez été piraté, Object.prototype est le cadet de vos soucis. Une requête AJAX ne fait aucune différence. Vous devez connaître le code que vous utilisez.
    • pour tous les biens de chaque énumération que vous faites est plus de code, et plus généraux. Pourquoi vérifier tous les biens de la jamais énumération, quand vous pourriez vérifier une fois dans le début?
    • Parfois, ce sont les choses simples qui sont piratés. L'endroit où vous n'auriez jamais regarder. Votre point faible.
    • Ensuite, vous devez vous prémunir contre tous les construit dans l'objet et la propriété qui pourrait éventuellement être modifiée. Droit?
    • Pourquoi diable voulez-vous faire for(var i in 12) ou for(var i in "dog")?
    • Je ne sais pas ce que tu veux dire.
    • Pourquoi importe-t-il si d'autres prototypes sont étendues? Vous n'êtes jamais vas être en boucle sur 'em? De toute façon, je ne veux pas argumenter trop. J'ai juste toujours appris à utiliser hasOwnProperty, et je n'ai pas entendu beaucoup de bons arguments pourquoi je ne devrais pas.
    • si quelqu'un peut modifier l'objet sans que je sache alors qu'il peut changer par exemple Array.prototype.join = function(){alert("hacked!")} maintenant, allez-vous dire que je devrais être à l'aide de n'importe quel ensemble de méthodes à tous
    • Je n'ai pas parlé d'autres prototypes en cours d'extension. Je voulais dire que si les pirates vont pour les petites choses, vous auriez besoin pour se prémunir de tout et de toutes les modifications de l'environnement. Par exemple, si quelqu'un ne Object.prototype.hasOwnProperty = function() { alert('foo'); }?
    • Ouais, je suppose que vous avez raison. Je n'avais pas pensé à ça. X_X Vous gagnez 😛 Merci pour ce plaisir argument, j'ai appris quelque chose de nouveau 😀
    • Si vous voulez continuer cette discussion, veuillez utiliser les Débordement de Pile de Chat.

    InformationsquelleAutor Anurag Uniyal
  6. 1

    Pas exactement la réponse que vous cherchez, mais il pourrait être utile pour l'usage général.

    var hash2Array = function(hash, valueOnly) {
  return Object.keys(hash).map(function(k) {
    if (valueOnly) {
      return hash[k];
    } else {
      var obj={};
      obj[k] = hash[k];
      return obj;
    }
  });
};

//output
hash2Array({a:1, b:2});     //[{a:1}, {b:2}]
hash2Array({a:1, b:2},true) //[1,2]
    InformationsquelleAutor allenhwkim
  7. 0

    Dans le cas de l'utilisation underscore.js: 

    var original = { 
   "fruit" : ["mango","orange"],
   "veg"   : ["carrot"]
}
var converted = _.map(original, function(name, type){
   return {
      type: type, 
      name: name
   };
});
    InformationsquelleAutor toshi
  8. -1

    Pas Besoin de boucle 

    var a = { 
   "fruit" : ["mango","orange"],    
   "veg"   : ["carrot"]


};  

var b = [  
    { "type" : "fruit" , "pop" : function(){this.name = a[this.type]; delete this.pop; return this} }.pop() ,          
    { "type" : "veg" ,   "pop" : function(){this.name = a[this.type]; delete this.pop; return this} }.pop()   
]
    • c'est...bizarre. au moins réutiliser la fonction 😉
    • pas très extensible solution. Idem pour drzaus.
    InformationsquelleAutor Dev