Konvertieren es6 Karte Inhalt auf ein Array von JSON

Question

Ich habe eine Karte, die wie dieses

const directory = new Map() 
.set('John', { age:25, gender: 'M'}) 
.set('Mary', { age:51, gender: 'M'}) 
.set('Sam', { age:15, gender: 'M', id: 322 }) 
.set('Jane', { age:15, gender: 'M', paid: true }); 

Ich wünsche eingerichtet ist, diese mit einer neuen Eigenschaft „name“ von jsons auf ein Array zu verwandeln für jede der Schlüssel aus der Karte:

[ 
    { "name": "John", "age":25, "gender": "M" }, 
    { "name": "Mary", "age":51, "gender": "F" }, 
    { "name": "Sam", "age":15, "gender": "M", "id": 322 }, 
    { "name": "Jane", "age":19, "gender": "F", "paid": true } 
] 

ich versuchte JSON.stringify ([... Verzeichnis]) und paar andere Sachen, aber die nicht sicher jeder effiziente Art und Weise den Schlüssel als Teil des json der darunter.

Answer 1

Wie Sie bereits die Ausbreitung Eigenschaft verwendet, um die Karte zu destrukturiert, Sie dann müssen genau das 2D-Array abzubilden, um ein Array von Objekten, die sich leicht mit Array Destrukturierung getan werden kann:

[...directory].map(([name,obj]) => ({name,...obj})); 

oder ohne ESnext :

[...directory].map(([name,obj]) => Object.assign({name},obj)); 

Try it

Answer 2

Sie könnten Array.from verwenden und die gewünschten Objekte bauen.

const directory = new Map() 
 
     .set('John', { age: 25, gender: 'M' }) 
 
     .set('Mary', { age: 51, gender: 'M' }) 
 
     .set('Sam', { age: 15, gender: 'M', id: 322 }) 
 
     .set('Jane', { age: 15, gender: 'M', paid: true }), 
 
    result = Array.from(directory, ([name, o]) => Object.assign({ name }, o)); 
 
    
 
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }