javascript - 使用映射返回具有键和值的对象

Question

我有一个响应，应该需要使用映射返回具有指定键和值的对象

我试过了

response.data.data = response.data.data.map((user) =>{
  return console.log({ user.id : user.name});
});

但是由于user.id，它给了我一个错误

如何设置来自响应的 key ？

这是我的数据响应

data: [
{
    id: 2,
    name: "Orval McLaughlin",
    email: "okoch@example.org",
    contacts: "09083692343",
    created_at: "2018-09-05 15:08:54",
    updated_at: "2018-09-05 15:08:54",
    deleted_at: null
}
],

我正在使用 vue js 输入标签，其中我需要将数据绑定(bind)到 prop 中 像这样

{2: Orval McLaughlin}

Answer 1

在映射函数中使用 return console.log(whatever) 是没有意义的，因为它总是返回 undefined .map() 将创建一个未定义条目数组:

let users = [{ id: 1, name: "r2d2" }]

let arr = users.map(user => console.log({ id: user.id, name: user.name}))

console.log(arr);

相反，将您的映射函数更改为:

let users = [{
    id: 2,
    name: "Orval McLaughlin",
    email: "okoch@example.org",
    contacts: "09083692343",
    created_at: "2018-09-05 15:08:54",
    updated_at: "2018-09-05 15:08:54",
    deleted_at: null
}]

let arr = users.map(user => ({ [user.id]: user.name }))

console.log(arr);

要在其属性名称位于变量 propName 中的对象上创建属性，请使用方括号表示法:

let user = { [propName]: value }

请注意，您还可以使用以下表示法访问对象的属性:

console.log(user[propName]);