Converting an array of objects into a single object by one of the keys

Question

I am trying to convert an array that contains objects into a single object where the key is "page" and the value is "has_access". So I could access it later with has_access.about for example.

Is there a single one line of code that could achieve this?

I tried this but it is giving me back the original array.

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

Here is the source array that I would like to convert

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

Desired result:

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

Mohammad Usman · Accepted Answer · 2019-04-28 06:01:40Z

4

You can get the resultant object using .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);

answered Apr 28, 2019 at 6:01

Mohammad Usman

39.6k20 gold badges99 silver badges101 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Eddie · Accepted Answer · 2019-04-28 06:02:08Z

1

You can use reduce to loop thru the object and use Object.assign to update the accumulator,

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);

answered Apr 28, 2019 at 6:02

Eddie

26.8k6 gold badges39 silver badges59 bronze badges

Comments

Dacre Denny · Accepted Answer · 2019-04-28 06:26:37Z

0

This can be achieved with the reduce() method, via the following:

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);

edited Apr 28, 2019 at 6:26

answered Apr 28, 2019 at 6:01

Dacre Denny

30.4k5 gold badges53 silver badges66 bronze badges

Comments

Jack Bashford · Accepted Answer · 2019-04-28 06:47:55Z

0

It's easy - specify the key and the value, then use map and 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);

edited Apr 28, 2019 at 6:47

answered Apr 28, 2019 at 6:15

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

Collectives™ on Stack Overflow

Converting an array of objects into a single object by one of the keys

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related