conversion carte de hachage à un tableau

Question

Je dois convertir une carte de hachage

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

à

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

comment puis-je faire ??

Answer 1

Vous pouvez le faire comme ça (dans un extrait de travail):

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 du prototype Object avec des propriétés dénombrables (qui je pense est une mauvaise pratique personnellement), alors vous pouvez l'utiliser pour protéger contre que:

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, en utilisant un peu plus fonctionnalité moderne:

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

Answer 2

Cela semble simple, la clé de votre carte est le type et les valeurs sont le nom, donc juste une boucle à travers la carte et insérer l'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) 

sortie:

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

Answer 3

Dans un navigateur qui prend en charge ES5 - ou si vous avez ajouté un shim pour elle:

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

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

Voir: Object.keys, Array's map

Ou, à l'ancienne mode:

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 la valeur du tableau est partagée car dans 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 du tableau ["mango", "orange"]. Cela signifie, si vous changez un d'eux, l'autre sera changé ainsi:

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

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

"name" : stuff[key] 

vous aurez:

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

Hope it helps.

Answer 4

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() 
] 

Answer 5

Pas exactement la réponse que vous cherchez, mais il pourrait être utile à des fins générales.

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] 

Answer 6

Je voudrais donner une solution "oneline":

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

économie de mots à votre service. Question posée pour traduire un objet dans un tableau, donc je ne duplique pas la réponse ci-dessus, n'est-ce pas?

Answer 7

Pour ceux qui utilisent des cartes ES6 ...

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

Notez que Array.from iterables prend ainsi comme des objets de type tableau.

Answer 8

En cas d'utilisation underscore.js:

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