Convert array of Objects to 2d array

Question

How can I convert this Array of Objects

var tags= [
  {id: 0, name: "tag1", project: "p1", bu: "test"},
  {id: 1, name: "tag2", project: "p1", bu: "test"},
  {id: 2, name: "tag3", project: "p3", bu: "test"}
];

Into this 2d array:

[["tag1","p1", "test"],
["tag2","p1", "test"],
["tag3","p3", "test"]]

simple array.map developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — epascarello
– epascarello, Commented Jul 20, 2020 at 20:42

Sven.hig · Accepted Answer · 2021-08-04 14:52:57Z

6

You could use map

var tags= [ {id: 0, name: "tag1", project: "p1", bu: "test"}, {id: 1, name: "tag2", project: "p1", bu: "test"}, {id: 2, name: "tag3", project: "p3", bu: "test"} ];
var res=tags.map(o=>[o.name,o.project,o.bu])
console.log(res)

Or You could use a more generic approach

var tags= [ {id: 0, name: "tag1", project: "p1", bu: "test"}, {id: 1, name: "tag2", project: "p1", bu: "test"}, {id: 2, name: "tag3", project: "p3", bu: "test"} ];
var res = tags.map(({id,...rest}) => Object.values(rest))
console.log(res)

edited Aug 4, 2021 at 14:52

answered Jul 20, 2020 at 20:46

Sven.hig

4,5292 gold badges10 silver badges18 bronze badges

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

2 Comments

Omi in a hellcat Over a year ago

I am getting an error: tags.map is not a function. This Array of Objects is retrieved from an API call and comes in the exact format I posted in the question above. If its not an array of objects is it just and object?

Sven.hig Over a year ago

@Omiinahellcat yes in that case it's more than likely it's an object and not an object of type array

khrzstoper · Accepted Answer · 2020-07-20 20:50:10Z

2

If you want to conserve all properties you can use

let twoDArray = tags.map(tag => Object.values(tag))

// [[0, "tag1", "p1", "test"], [1, "tag2", "p1", "test"], [2, "tag3", "p3", "test"]]

answered Jul 20, 2020 at 20:50

khrzstoper

418 bronze badges

3 Comments

Scott Sauyet Over a year ago

... or even tags.map(Object.values). But in either case, you'd have to ensure that all objects had their properties in the same order.

Avinash Dalvi Over a year ago

add running snippet. @khrzstoper

Yevhen Horbunkov Over a year ago

.map(({id,...rest}) => Object.values(rest)) would be a bit closer to what OP has requested

Avinash Dalvi · Accepted Answer · 2020-07-20 20:50:11Z

2

Array.map will help you.

https://www.geeksforgeeks.org/javascript-array-map-method/

var tags= [
  {id: 0, name: "tag1", project: "p1", bu: "test"},
  {id: 1, name: "tag2", project: "p1", bu: "test"},
  {id: 2, name: "tag3", project: "p3", bu: "test"}
];
          
   var newArr = tags.map(function(val, index){ 
            return [val.name,val.project,val.bu]
   }) 
          
   console.log(newArr)

answered Jul 20, 2020 at 20:50

Avinash Dalvi

9,4299 gold badges34 silver badges60 bronze badges

Collectives™ on Stack Overflow

Convert array of Objects to 2d array

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related