convert javascript assoziatives Array zu Multi-Objekt-Array

Question

hier ist meine Eingabe:

wo Eingabe mehr Daten wie 'e:5'

var input = {a:2,b:3,c:2,d:1}; 

empfangen möchte ich unten Ausgang diesen Eingang in konvertieren:

var output = [{name="a",id="2"}, 
       {name="b",id="3"}, 
       {name="c",id="2"}, 
       {name="d",id="1"}]; 

danke im voraus.

Answer 1

Verwenden Array#map über Object.keys

Object.keys() Die Methode gibt ein Array einer eigenen enumerable Eigenschaften des gegebenen Objekts.

---

Die map() Methode erzeugt ein neues Array mit den Ergebnissen der in dieser Anordnung mit einer vorgesehenen Funktion auf jedem Element aufrufen.

---

var input = { 
 
    a: 2, 
 
    b: 3, 
 
    c: 2, 
 
    d: 1 
 
}; 
 

 
var mapped = Object.keys(input).map(function(key) { 
 
    return { 
 
    name: key, 
 
    id: input[key] 
 
    }; 
 
}); 
 
console.log(mapped);

Answer 2

verwenden können Array#forEach über Object.keys

var input = {a:2,b:3,c:2,d:1}; 
 
var output = []; 
 
Object.keys(input).forEach(function(key){ 
 
    output.push({name:key,id:input[key]}); 
 
    }) 
 
console.log(output);

Answer 3

JavaScript-Objekteigenschaften sind ungeordnet. Aus diesem Grund ist die Reihenfolge der Schlüssel, die von Object.keys zurückgegeben werden, unbestimmt. Um die alphabetische Reihenfolge wie in Ihrem Beispiel beizubehalten, müssen Sie zuvor die Schlüssel sort eingeben und dann map verwenden, um ein neues Array mit dem erwarteten Wert zu erstellen.

Ich mag ES5 nicht. Also hier ist meine ES6 Antwort.

Object.keys(input).sort((a, b) => a.localeCompare(b)).map(name => ({name, id: input[name]})); 

Answer 4

Nur für ein bisschen Spaß und für Trainingszwecke können wir uns das einfallen lassen. Denken Sie daran, dass Sie, obwohl Sie später hinzufügen können, immer eine Symbol.iterator-Methode von der Konstruktorfunktion zum Zeitpunkt der Instanziierung einbetten können, und Ihre Objekte werden standardmäßig iterierbar.

var input = {a:2,b:3,c:2,d:1}, 
 
    output = []; 
 
input[Symbol.iterator] = function*(){ 
 
          var ok = Object.keys(this), 
 
           i = 0; 
 
          while (i < ok.length) yield {[ok[i]]: this[ok[i++]]}; 
 
         }; 
 
for (var keyValuePair of input) output.push(keyValuePair); 
 
console.log(output); 
 

 
// or you can even do like 
 
output.length = 0; 
 
output = [...input]; // cool 
 
console.log(output);

Answer 5

Sie können auch unten Ansatz versuchen:

var input = {a:2,b:3,c:2,d:1}; 

var output = Object.keys(input).reduce(function(p, c){ 
    return p.concat({name:c, id:input[c]}); 
}, []);