后端给的key不是前端想要的时候,巧用 ES5 map()方法映射key,换成想要的

609 阅读1分钟

问题:

仍然是table的数据问题。
table的columns在数据库中储存,数据库的字段的key和字段数量和前端所的不一致,因为数据库中的这张表关联着其他表,所以改动数据库代价太大,所以前端处理一下就好。
字段key和字段数量不一致指的是:
前端期望得到

[
    {
    id: 0
    title: 'tom'
    },
    {
    id: 1
    title: 'jack'
    },
]

后端接口返回的数据是

[
    {
        id: 0,
        name: 'tom',
        children:[
        {
        id: 3,
        name: 'tony'
        }
        ]
    },
    {
        id: 1,
        name: 'jack'
    }
]

解决方法:

假如后端的接口返回的数据是data.

return data.map
(({
    id,
    name: title
 }) =>
 ({
    id,
   title
}));

一行代码搞定。
当然,解决方法肯定不是唯一的,用循环也可以解决,由于方法太复杂就不再这讲了。欢迎大家指正。