How might I extract the property values of a JavaScript object into an array

Question

Given a JavaScript object    var dataObject        object1   id  1  name   Fred        object2   id  2  name   Wilma        object3   id  3  name   Pebbles        How do I efficiently extract the inner objects into an array   I do not need to maintain a handle on the object n  IDs   var dataArray          id  1  name   Fred          id  2  name   Wilma          id  3  name   Pebbles

User · Answer

Assuming your dataObject is defined the way you specified, you do this:

var dataArray = [];
for (var key in dataObject)
    dataArray.push(dataObject[key]);

And end up having dataArray populated with inner objects.

User · Answer

ES6 version   var dataArray   Object keys dataObject  map val   gt  dataObject val

User · Answer

I prefer to destruct object values into array      Object values dataObject   var dataObject        object1   id  1  name   quot Fred quot        object2   id  2  name   quot Wilma quot        object3   id  3  name   quot Pebbles quot       var dataArray       Object values dataObject

User · Answer

It turns out my answer is similar to  Anonymous  but I keep my answer here since it explains how I got my answer    The original object has THREE properties  i e  3 keys and 3 values   This suggest we should be using Object keys   to transform it to an array with 3 values   var dataArray   Object keys dataObject      Gives    object1    object2    object3      We now have 3 values  but not the 3 values we re after  So  this suggest we should use Array prototype map     var dataArray   Object keys dataObject  map function e    return dataObject e           Gives     id  1  name   Fred     id  2  name   Wilma     id  3  name   Pebbles

User · Answer

Using underscore   var dataArray     values dataObject

User · Answer

In case you use d3  you can do d3 values dataObject  which will give

User · Answer

With jQuery  you can do it like this -  var dataArray     map dataObject function v        return v        Demo

User · Answer

var dataArray   Object keys dataObject  map function k  return dataObject k

User · Answer

This one worked for me  var dataArray   Object keys dataObject  map function k  return dataObject k

User · Answer

var dataArray       for var o in dataObject        dataArray push dataObject o

User · Answer

Object values   method is now supported  This will give you an array of values of an object   Object values dataObject    Refer  https   developer mozilla org en-US docs Web JavaScript Reference Global objects Object values

User · Answer

ES2017 using Object values    x000D   x000D  const dataObject     x000D      object1    x000D          id  1  x000D          name   Fred  x000D         x000D      object2    x000D          id  2  x000D          name   Wilma  x000D         x000D      object3    x000D          id  3  x000D          name   Pebbles  x000D        x000D     x000D   x000D  const valuesOnly   Object values dataObject   x000D   x000D  console log valuesOnly  x000D   x000D   x000D

User · Answer

Maybe a bit verbose  but robust and fast  var result       var keys   Object keys myObject   for  var i   0  len   keys length  i  lt  len  i          result push myObject keys i

User · Answer

Using the accepted answer and knowing that Object values   is proposed in ECMAScript 2017 Draft you can extend Object with method   if Object values    null        Object values   function obj            var arr  o          arr   new Array            for o in obj    arr push obj o              return arr

[javascript] How might I extract the property values of a JavaScript object into an array?

Examples related to javascript

Examples related to arrays

Examples related to json