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

コバヤシ

已于 2023-03-21 10:13:50 修改

阅读量467

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记文章标签：前端

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

本文链接：https://blog.youkuaiyun.com/SakuraRink/article/details/129622086

笔记专栏收录该内容

4 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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,
       }) 
  })