Question

我正在尝试将包含对象的数组转换为键为“ page”且值为“ has_access”的单个对象。因此，我以后可以使用has_access.about进行访问。

是否只有一行代码可以实现这一目标？

我尝试了这个，但是它给了我原始的数组。

var myData = Object.keys(data).map(key => {
    return data[key];
})

这是我要转换的源数组

[
    {
        "id": 215,
        "page": "home",
        "has_access": 1,
    },
    {
        "id": 216,
        "page": "about",
        "has_access": 0,
    },
    {
        "id": 217,
        "page": "profile",
        "has_access": 1,
    }
]

所需结果：

has_access: {
    home: 1
    about: 0
    profile: 1
}

Answer 1

您可以使用.reduce()获取结果对象：

const data = [
    {"id": 215, "page": "home", "has_access": 1},
    {"id": 216, "page": "about", "has_access": 0},
    {"id": 217, "page": "profile", "has_access": 1}
];

const has_access = data.reduce((r, c) => (r[c.page] = c.has_access, r), {});

console.log(has_access);

Answer 2

您可以使用reduce遍历对象并使用Object.assign更新累加器，

var data = [{"id":215,"page":"home","has_access":1},{"id":216,"page":"about","has_access":0},{"id":217,"page":"profile","has_access":1}];
var result = data.reduce((c, v) => Object.assign(c, {[v.page]: v.has_access}), {});

console.log(result);

Answer 3

这可以通过reduce()方法通过以下方式实现：

const array = [
    {
        "id": 215,
        "page": "home",
        "has_access": 1,
    },
    {
        "id": 216,
        "page": "about",
        "has_access": 0,
    },
    {
        "id": 217,
        "page": "profile",
        "has_access": 1,
    }
];

const result = array.reduce((acc, i) => ({ ...acc, [ i.page ] : i.has_access }), {});

console.log(result);

Answer 4

很容易-指定键和值，然后使用map和reduce：

const a = [{
    "id": 215,
    "page": "home",
    "has_access": 1
  },
  {
    "id": 216,
    "page": "about",
    "has_access": 0
  },
  {
    "id": 217,
    "page": "profile",
    "has_access": 1
  }
];

const value = "has_access";
const key = "page";

const res = {
  [value]: a.map(o => [o[key], o[value]]).reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {})
}

console.log(res);

通过键之一将对象数组转换为单个对象

4 个答案: