映射功能将结果保存到对象

Question

这就是我的回应

data: [
    {
        id: 3,
        name: "Oliver Green",
        email: "test@gmail.com",
        contacts: "09179878564"
    },
    {
        id: 2,
        name: "Orval McLaughlin",
        email: "okoch@example.org",
        contacts: "09083692343",
    }
]

我使用了map函数来获取用户ID和用户名，现在我想做的就是将所有结果保存到一个Object中。

data(){
    return {
        autoComplete:{},
    }
},

let vm = this;
response.data.data.map((user) =>
{
    return vm.autoComplete = { [user.id] : user.name};
});

我得到结果，但是我只得到一个结果

autoComplete:Object
    2:"Orval McLaughlin"

结果应该是

autoComplete:Object
    3: "Oliver Green"
    2: "Orval McLaughlin"

Answer 1

您需要从map()返回对象，而不是赋值的结果。 当前，您正在为每个迭代分配vm.autoComplete 。 完成此操作后，您可以将map的输出分配给所需的变量：

 let data = [ { id: 3, name: "Oliver Green", email: "test@gmail.com", contacts: "09179878564" }, { id: 2, name: "Orval McLaughlin", email: "okoch@example.org", contacts: "09083692343", } ] let autoComplete = data.map((user) => { return { [user.id] : user.name}; }); console.log(autoComplete) 

编辑：

如果要对象而不是数组，则应使用reduce()因为map()总是返回数组：

 let data = [ { id: 3, name: "Oliver Green", email: "test@gmail.com", contacts: "09179878564" }, { id: 2, name: "Orval McLaughlin", email: "okoch@example.org", contacts: "09083692343", } ] let autoComplete = data.reduce((obj, user) =>{ obj[user.id] = user.name; // this assumes user.id will be unique return obj }, {}); console.log(autoComplete) 

Answer 2

尝试将此操作不包装在数组中。

response.data.data.map((user) => {
return vm.autoComplete = Object.assign(vm.autoComplete, {[user.id] : user.name}); }

Answer 3

似乎每个自动完成功能都将被覆盖。

也许您可以尝试以下方法：

  data(){
      return {
          autoComplete:{},
      }
  },

  let vm = this;

  vm.autoComplete = response.data.data.map((user) => {
      return { [user.id] : user.name};
  });