首页 > 解决方案 > javascript 无法使用嵌套值映射对象数组

问题描述

尝试使用嵌套在子对象结构中的值映射对象数组,例如:

const objs = [{
        "B": {
            "value": 1,
        },
        "D": {
            "value": "45"
        },
        "E": {
            "value": "234"
        },
        "A": {
            "value": "543"
        },
        "C": {
            "value": "250"
        }
    },...]

结构如下:

[
  { name: 'B', value: 1 }, 
  { name: 'D', value: '45' }, 
  { name: 'E', value: '234' }, 
  { name: 'A', value: '543' },
  { name: 'C', value: '250' }
]

映射的结果是undefined

const mapped = objs.map((key, index) => {
  Object.keys(key).map(el => ({
    name: el
  }))
})

示例:Stackblitz

标签: javascriptarraystypescriptmappingjavascript-objects

解决方案


您应该对 objs[0] 进行操作,而不是 objs,因为它是一个对象的数组,而不是对象的数组。

let array = []
for(let object in objs[0]){
array.push({
"name": object,
"value": objs[0][object].value
})
}

推荐阅读