How to make an array of all the values from the array of arrays

Question

The Object is this -

clients = [
  [{
      "label": "MongoDb",
      "value": "5ee71c494be8d0180c1b63d6"
    },
    {
      "label": "Hawlett",
      "value": "5ee71b5e4be8d0180c1b63d2"
    },
    {
      "label": "Coca Cola",
      "value": "5ee7195ef2d5e0175c5da986"
    }
  ],
  [{
      "label": "Tarun infotech",
      "value": "5ee71cc94be8d0180c1b63db"
    },
    {
      "label": "Sahara",
      "value": "5ee71c884be8d0180c1b63d9"
    }
  ],
  [{
      "label": "Tarun infotech",
      "value": "5ee71cc94be8d0180c1b63db"
    },
    {
      "label": "Sahara",
      "value": "5ee71c884be8d0180c1b63d9"
    }
  ]
]

I want to make the array in the form shown below to get a new array of object ids to perform further task -

expected = ["5ee71c494be8d0180c1b63d6","5ee71b5e4be8d0180c1b63d2","5ee7195ef2d5e0175c5da986" ....]

Any help would be appreciated. I'm new to Javascript. I hope there's a way to do this in less code.

Thank you, Rajesh and thanks a lot for editing my question I am really new into this. — Vikas kumar
– Vikas kumar, Commented Jun 15, 2020 at 9:03

Rahul Bhobe · Accepted Answer · 2020-06-15 09:22:49Z

2

Use flatMap (place all objects into one array) then map the value property into your array.

const clients = [
  [{
      "label": "MongoDb",
      "value": "5ee71c494be8d0180c1b63d6"
    },
    {
      "label": "Hawlett",
      "value": "5ee71b5e4be8d0180c1b63d2"
    },
    {
      "label": "Coca Cola",
      "value": "5ee7195ef2d5e0175c5da986"
    }
  ],
  [{
      "label": "Tarun infotech",
      "value": "5ee71cc94be8d0180c1b63db"
    },
    {
      "label": "Sahara",
      "value": "5ee71c884be8d0180c1b63d9"
    }
  ],
  [{
      "label": "Tarun infotech",
      "value": "5ee71cc94be8d0180c1b63db"
    },
    {
      "label": "Sahara",
      "value": "5ee71c884be8d0180c1b63d9"
    }
  ]
]

const res = clients
  .flatMap(arr => arr)
  .map(({value}) => value)

console.log(res)

edited Jun 15, 2020 at 9:22

Rahul Bhobe

4,4714 gold badges19 silver badges35 bronze badges

answered Jun 15, 2020 at 8:54

EugenSunic

13.8k15 gold badges68 silver badges96 bronze badges

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

1 Comment

Vikas kumar Over a year ago

Thanks a lot, @Eugen. I am new to this and really overwhelmed by the response the community gave.

Ilijanovic · Accepted Answer · 2020-06-15 08:54:26Z

2

Well use .flat() and then .map()

let clients = [
  [{
      "label": "MongoDb",
      "value": "5ee71c494be8d0180c1b63d6"
    },
    {
      "label": "Hawlett",
      "value": "5ee71b5e4be8d0180c1b63d2"
    },
    {
      "label": "Coca Cola",
      "value": "5ee7195ef2d5e0175c5da986"
    }
  ],
  [{
      "label": "Tarun infotech",
      "value": "5ee71cc94be8d0180c1b63db"
    },
    {
      "label": "Sahara",
      "value": "5ee71c884be8d0180c1b63d9"
    }
  ],
  [{
      "label": "Tarun infotech",
      "value": "5ee71cc94be8d0180c1b63db"
    },
    {
      "label": "Sahara",
      "value": "5ee71c884be8d0180c1b63d9"
    }
  ]
]

let result = clients.flat().map(el => el.value);

console.log(result);

answered Jun 15, 2020 at 8:54

Ilijanovic

15k4 gold badges29 silver badges63 bronze badges

Comments

Rahul Bhobe · Accepted Answer · 2020-06-15 08:55:36Z

1

You can use flatMap() and map():

clients = [
    [
        {
            "label": "MongoDb",
            "value": "5ee71c494be8d0180c1b63d6"
        },
        {
            "label": "Hawlett",
            "value": "5ee71b5e4be8d0180c1b63d2"
        },
        {
            "label": "Coca Cola",
            "value": "5ee7195ef2d5e0175c5da986"
        }
    ],
    [
        {
            "label": "Tarun infotech",
            "value": "5ee71cc94be8d0180c1b63db"
        },
        {
            "label": "Sahara",
            "value": "5ee71c884be8d0180c1b63d9"
        }
    ],
    [
        {
            "label": "Tarun infotech",
            "value": "5ee71cc94be8d0180c1b63db"
        },
        {
            "label": "Sahara",
            "value": "5ee71c884be8d0180c1b63d9"
        }
    ]
];

let values = clients.flatMap(c => c.map(a => a.value));
console.log(values);

answered Jun 15, 2020 at 8:55

Rahul Bhobe

4,4714 gold badges19 silver badges35 bronze badges

1 Comment

Vikas kumar Over a year ago

Thank you @Rahul Bhobe

Collectives™ on Stack Overflow

How to make an array of all the values from the array of arrays

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related