React中如何将对象转为目标格式数组？修正Object.entries用法

数据老陈

2026-8-16

问题

我有一个名为copyselectedPlaces的对象，希望将其转换为指定格式的数组。使用Object.entries方法后未得到预期结果，请问该如何修正代码？

我的代码：

const copyselectedPlaces = {
    A: true
    B : true
    C: true
    D :false
}

使用Object.entries后的结果：

const arraypickplaces = Object.entries(copyselectedPlaces);
// arraypickplaces: [
//     ['A', true],
//     ['B', true],
//     ['C', true],
//     ['D', false]
// ]

预期结果：

// arraypickplaces: [
//     A: true,
//     B : true,
//     C: true,
//     D :false
// ]

解答

首先修正两个核心问题：

1. 修复原对象的语法错误

你的copyselectedPlaces对象中，属性之间缺少逗号分隔，这会直接触发JavaScript语法报错，先修正为合法对象：

const copyselectedPlaces = {
    A: true,
    B : true,
    C: true,
    D : false
}

2. 澄清数组的合法格式

你想要的预期结果并不是有效的JavaScript数组——数组是索引有序的集合，元素只能是单个值（字符串、数字、对象等），不能用A: true这种键值对形式声明数组元素。

根据不同的实际需求，有两种处理方式：

如果需要将对象转换为包含单个键值对对象的数组，可以基于Object.entries做映射：

const arraypickplaces = Object.entries(copyselectedPlaces).map(([key, value]) => ({ [key]: value }));
// 最终结果：[{A: true}, {B: true}, {C: true}, {D: false}]