如何将 JSON 数据转换为包含其他对象的对象？答案

【问题标题】：How to convert JSON data to object that contains other objects?如何将 JSON 数据转换为包含其他对象的对象？
【发布时间】：2021-12-22 16:17:38
【问题描述】：

我想应用我返回的数据在 Vuejs 中创建折线图

我的数据：

[{"A": 400},{"B": 1597},{"C": 1567}]

我的 vuejs 模板：

<template>
    <line-chart :data="Mydata"></line-chart>
</template>

<script>
export default {
    data () {
        return {
            My data: null
        }
    }  
}
</script>

折线图只能获取My data: {"A": 400,"B": 1597,"C": 1567}这样的数据格式来绘制图形。

添加到 App VUE 时的预期输出

<template>
    <line-chart :data="Mydata"></line-chart>
</template>

<script>
export default {
    data () {
        return {
            My data: {"A": 400,"B": 1597,"C": 1567}
        }
    }  
}
</script>

【问题讨论】：

标签： arrays vue.js object chart.js chartkick

【解决方案1】：

您可以为此使用 reducer 函数：

const data = [{
  "A": 400
}, {
  "B": 1597
}, {
  "C": 1567
}].reduce((acc, curr) => {
  Object.keys(curr).forEach(key => acc[key] = curr[key]);
  return acc
}, {})

console.log(data)

【讨论】：