Javascript 如何动态在数组里添加对象？

Question

后端发过来的数据格式是这样的:

var a = [
    { "title": "56岁及以上", "color": "#c12552", "value": "30", "sql": " select a00 from ipad_Analysis where s1='1' and  s10='硕士研究生及以上'" },
    { "title": "46岁至55岁", "color": "#ff6600", "value": "8", "sql": " select a00 from ipad_Analysis where  s1='1' and  s10='大学本科'" },
    { "title": "其他", "color": "#f5c700", "value": "13", "sql": " select a00 from ipad_Analysis where  s1='1' and  s10='大学专科'" }
];

由于我制作的界面使用了echart，所以必须把这个数组赋值给我的echartData中，如果只有着三条数据的话，那么写死就行了，

var echartData = [{
    value: parseInt(a[0].value),
    name: a[0].title
}, {
    value: parseInt(a[1].value),
    name: a[1].title
}, {
    value: parseInt(a[2].value),
    name: a[2].title
}
];

如果后端发过来的数据不止有三个对象，我怎么动态生成一个有多个对象(根据后端发过来的数据)的数组呢？

谢谢！

Answer 1

 var a = [
            { "title": "56岁及以上", "color": "#c12552", "value": "30", "sql": " select a00 from ipad_Analysis where s1='1' and  s10='硕士研究生及以上'" },
            { "title": "46岁至55岁", "color": "#ff6600", "value": "8", "sql": " select a00 from ipad_Analysis where  s1='1' and  s10='大学本科'" },
            { "title": "其他", "color": "#f5c700", "value": "13", "sql": " select a00 from ipad_Analysis where  s1='1' and  s10='大学专科'" }
        ];
        let finalData = [];
        for(let i=0;i<a.length;i++){
            finalData.push({
                value:parseInt(a[i].value),
                name:a[i].title
            })
        }
        console.dir(finalData);
    

是不是这样的。

Answer 2

朋友，悄悄告诉你，有一个东西叫循环，非常棒。我从来没有告诉过别人，今天破例告诉你，记得替我保密！！

Answer 3

写数据处理最好养成 map-reduce 的习惯，你这个需求在数据部分就是 map 过程

原数组的数据结构到新目标结构是列表对列表，但具体对象有映射关系，大概是

value --> parseInt(value),
title --> name

用 JS 的 map 来实现就是

const echartData = a.map(x => ({
    value: parseInt(x.value),
    name: x.title
});

Answer 4

如下所示即可

const echartData = a.map((item,index) => {
    return {
        value: parseInt(item.value),
        name: item.title
    }
})

Answer 5

a.push()了解一下？

Answer 6

既然是个数组，难道你没听说过数组的push方法吗？循环遍历返回的数据，push进入数组不就ok了