替换数组中对象的对象名字段

原创已于 2023-03-21 10:13:50 修改 · 495 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2023-03-17 15:54:36 首次发布

笔记专栏收录该内容

4 篇文章

订阅专栏

在开发中遇到后端返回的数组对象字段与前端需求不一致的问题，可以通过遍历和映射解决。例如，将后端的`arr`数组转换为前端需要的`array`格式，可以先清空`array`，然后使用`map`函数，将每个对象的`name`映射到`userName`，`value`映射到`userValue`，`rate`映射到`userRate`，并将新对象推入`array`中。

在开发过程中我们有时会遇见从后端请求过来的数组里面对象的字段名称和我们页面上的对不上，
如：页面上需要的数组加对象是这个样子的

array:[{userName: "", userValue: "", userRate: ""}]

后端请求过来的是这样的

arr:[
        {name: "xx三", value: "1", rate: "0"},
        {name: "xx四", value: "2", rate: "1"},
        {name: "xx五", value: "3", rate: "0"},
      ]

替换

this.array = []//先清空数组
this.arr.map(res =>{
    array.push({
           userName:res.name,
           userValue:res.value,
           userRate:res.rate,
       }) 
  })