将es6映射的内容转换为JSON数组

Question

我有这样设置的地图

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

我希望将其转换为具有新属性“ name”的json数组，以用于地图中的每个键：

[
  { "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 }
]

我尝试了JSON.stringify（[... directory]）和其他很多东西，但是不确定是否有将密钥作为json的一部分的有效方法。

Answer 1

由于您已经使用了spread属性来分解地图，因此您只需要将该2d数组映射到对象数组即可，这可以通过数组解构轻松实现：

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

或不带ESnext：

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

试试吧

Answer 2

您可以使用Array.from并构建所需的对象。

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