Convert array of objects to an array of the object's values

Question

I am getting a set of data using getJSON like this:

var url = 'http://localhost:5000/api/items';
$.getJSON(url, function(response) {
  var response2 = []
  console.log(response)
});

My console output is the following:

[{"id": 1, "price": 20, "name": "test"}, {"id": 4, "price": 30, "name": "test2"}]

I need to convert these values into an array in this format:

[[1, 20, "test"], [4, 30, "test2"]]

I tried the following code but the result is different:

$.each(response, function (key, val) {
  response2.push(val)
});

console.log(response2)  // output = [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]

Any help is really appreciated!

Rory McCrossan · Accepted Answer · 2021-01-19 14:01:51Z

2

To do what you require you can use Object.values to get the values of all the properties from an object as an array. From there you can use map() to build a new array containing them all:

// AJAX response:
let response = [{"id": 1, "price": 20, "name": "test"}, {"id": 4, "price": 30, "name": "test2"}];

let  response2 = response.map(Object.values);
console.log(response2);

answered Jan 19, 2021 at 14:01

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

Swati · Accepted Answer · 2021-01-19 14:05:59Z

1

If you need to do it using array here is another way .

Demo Code :

var response = [{
  "id": 1,
  "price": 20,
  "name": "test"
}, {
  "id": 4,
  "price": 30,
  "name": "test2"
}]
var outerarray = [];
$.each(response, function(key, val) {
  innerarray = []
  innerarray.push(val.id, val.price, val.name) //push value
  outerarray.push(innerarray)
});
console.log(outerarray)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

answered Jan 19, 2021 at 14:05

Swati

28.5k4 gold badges26 silver badges45 bronze badges

1 Comment

stefano manzi Over a year ago

Thank you very much, and sorry for the "noob" question :)

Collectives™ on Stack Overflow

Convert array of objects to an array of the object's values

2 Answers 2

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Related