Store item from array of objects in new array

Question

I have an array of objects that looks like this:

[{
        "id": 1,
        "name": "Name 1",
        "created": "2022-04-07T18:40:11Z",
        "updated": "2022-04-07T18:40:19Z",
        "deleted": null,
        "accounts": [
            "89084",
            "34342"
        ]
    },
    {
        "id": 2,
        "name": "Name 2",
        "created": "2022-01-07T18:40:11Z",
        "updated": "2022-01-07T18:40:19Z",
        "deleted": null,
        "accounts": [
            "99084",
            "38342"
        ]
    }
]

How do I store all accounts fields into a single array. Notice accounts is an array inside an object inside an array of objects.

you are probably looking for flatMap

cmgchess
– cmgchess

2022-04-07 20:00:39 +00:00
Commented Apr 7, 2022 at 20:00 — cmgchess
– cmgchess, Commented Apr 7, 2022 at 20:00

PeterKA · Accepted Answer · 2022-04-08 05:39:21Z

3

You can use Array#flatMap. To remove duplicates, if any, you can use new Set().

const output = input.flatMap(({accounts}) => accounts);

const input = [{"id": 1,"name": "Name 1","created": "2022-04-07T18:40:11Z","updated": "2022-04-07T18:40:19Z","deleted": null,"accounts": ["89084","34342"]},{"id": 2,"name": "Name 2","created": "2022-01-07T18:40:11Z","updated": "2022-01-07T18:40:19Z","deleted": null,"accounts": ["99084", "38342"]}];

const output = [...new Set(input.flatMap(({accounts}) => accounts))];

console.log( output );

edited Apr 8, 2022 at 5:39

answered Apr 7, 2022 at 20:26

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

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

2 Comments

00robinette Over a year ago

I like this approach. I was going to go with map and flat, but this is a touch nicer with the removal of duplicates!

Vincent Gauthier Over a year ago

you dropped this } :)

Ghost · Accepted Answer · 2022-04-07 20:15:01Z

2

Basically you need to use a map function to extract the data into a new array ( by default the map function creates a new array ). So if you had to do that onto your array it'd be something like this:

const newArray =yourArray.map(item => item.accounts)

In case you want all your items into one single array and then you'd actually have no nested arrays you'd use this

const newArray =yourArray.flatMap(item => item.accounts)

edited Apr 7, 2022 at 20:15

answered Apr 7, 2022 at 20:08

Ghost

1891 gold badge1 silver badge13 bronze badges

Comments

Vincent Gauthier · Accepted Answer · 2022-04-07 20:07:56Z

0

let new_array = [];
var data = [
  {
    id: 1,
    name: "Name 1",
    created: "2022-04-07T18:40:11Z",
    updated: "2022-04-07T18:40:19Z",
    deleted: null,
    accounts: ["89084", "34342"],
  },
  {
    id: 2,
    name: "Name 2",
    created: "2022-01-07T18:40:11Z",
    updated: "2022-01-07T18:40:19Z",
    deleted: null,
    accounts: ["99084", "38342"],
  },
];

for (i in data) {
  for (j in data[i].accounts) {
    new_array.push(data[i].accounts[j]);
  }
}

console.log(new_array);

answered Apr 7, 2022 at 20:07

Vincent Gauthier

535 bronze badges

Comments

Tevett Goad · Accepted Answer · 2022-04-07 20:18:54Z

0

I would approach this the following way:

let consolidated = []
for(entry in data) {
    consolidated = [...consolidated, ...json[entry].accounts]
}

Simple and only uses a single loop. Hope this helps!

answered Apr 7, 2022 at 20:18

Tevett Goad

1561 silver badge9 bronze badges

1 Comment

Tevett Goad Over a year ago

I defer to the superior one-liner of Ghost's answer

user5781320 · Accepted Answer · 2022-04-07 20:30:00Z

0

res=[{
        "id": 1,
        "name": "Name 1",
        "created": "2022-04-07T18:40:11Z",
        "updated": "2022-04-07T18:40:19Z",
        "deleted": null,
        "accounts": [
            "89084",
            "34342"
        ]
    },
    {
        "id": 2,
        "name": "Name 2",
        "created": "2022-01-07T18:40:11Z",
        "updated": "2022-01-07T18:40:19Z",
        "deleted": null,
        "accounts": [
            "99084",
            "38342"
        ]
    }
];

var accounts=[];
res.forEach(function(el) { 
    accounts=accounts.concat(el.accounts);
})

console.log(accounts);

answered Apr 7, 2022 at 20:30

user5781320

Collectives™ on Stack Overflow

Store item from array of objects in new array

5 Answers 5

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related