将对象属性转换为对象数组

Question

我得到的输出看起来像这样：

{'1536135941922': 'true',
 '1536135962942': 'false',
 '1536135986966': 'false',
 '1536135989968': 'true'}

并且我需要它看起来像这样：

[{'1536135941922': 'true'},
 {'1536135962942': 'false'},
 {'1536135986966': 'false'},
 {'1536135989968': 'true'}]

所以我的前端可以使用它。我如何将其转换？

- Neven Jovic

Answer 1

您可以使用Object.entries()和.map()方法来获取所需的输出：

let data = {
  '1536135941922': 'true',
  '1536135962942': 'false',
  '1536135986966': 'false',
  '1536135989968': 'true'
};
  
let result = Object.entries(data).map(( [k, v] ) => ({ [k]: v }));

console.log(result);

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

- Mohammad Usman

Answer 2

你可以使用新对象来映射对象的条目。

方法：

• Object.entries

• Array#map

• 箭头函数

• 解构赋值

• 计算属性名称

var object = { '1536135941922': 'true', '1536135962942': 'false', '1536135986966': 'false', '1536135989968': 'true' },
    array = Object.entries(object).map(([k, v]) => ({ [k]: v }));
  
console.log(array);

使用Object.fromEntries方法：

var object = { '1536135941922': 'true', '1536135962942': 'false', '1536135986966': 'false', '1536135989968': 'true' },
    array = Object
        .entries(object)
        .map(pair => Object.fromEntries([pair]));
  
console.log(array);

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

- Nina Scholz

Answer 3

这是一行代码，使用 Object.entries 和 Array.map：

const data = {'1536135941922': 'true',
  '1536135962942': 'false',
  '1536135986966': 'false',
  '1536135989968': 'true'};
const convert = (object) => Object.entries(data).map(([key, value]) => ({ [key]: value }));
console.log(convert(data));

你们的后端架构是什么？我猜测你标记为javascript，所以应该是Node。

- FK82

Answer 4

如果您正在使用PHP，您可以创建对象并将它们推送到数组中。之后，您可以使用json_encode函数将数组对象转换为JSON，并将其返回给前端。

- Daniele Tentoni