Parsing object to array using underscore js or lodash

Question

I have a requirement to parse an object and convert in to an array using Underscore/Lo-Dash

Tried using usersocre, but its not getting expected result. Sorry am new to underscore js. Your help is much appreciated.

var arr = _.values(obj)

var obj = {
    '2c13790be20a06a35da629c71e548afexing': [{
        connector: '',
        displayName: 'John',
        loginName: '',
        userImage: '2.jpg'
    }],
    '493353a4c5f0aa71508d4055483ff979linkedinpage': [{
        connector: '',
        displayName: 'Mak',
        loginName: '',
        userImage: '1.jpg'
    }]
}

expected output array

array = [{
    connector: '2c13790be20a06a35da629c71e548afexing',
    displayName: 'John',
    loginName: '',
    userImage: '2.jpg'
}, {
    connector: '493353a4c5f0aa71508d4055483ff979linkedinpage',
    displayName: 'Mak',
    loginName: '',
    userImage: '1.jpg'
}]

There's no "parsing" going on there. You're just accessing data in one object and transforming into another object. Anyway, in cases like this where you're stuck I'd recommend sitting down and writing out what you think you need to in native language. For example, "Create an array. Each element of the array will be an object, ....". That could help you get started. — user663031
– user663031, Commented Nov 28, 2015 at 4:15

Tushar · Accepted Answer · 2015-11-28 06:09:58Z

7

Use Object.keys with forEach and add object in the array.

Get all the keys of the object
Iterate over the keys array using forEach
Push first element of the subarray in the result array.

Code:

var arr = [];
Object.keys(obj).forEach(function(e) {
    // Get the key and assign it to `connector`
    obj[e][0].connector = e;
    arr.push(obj[e][0]);
});

var obj = {
  '2c13790be20a06a35da629c71e548afexing': [{
    connector: '',
    displayName: 'John',
    loginName: '',
    userImage: '2.jpg'
  }],
  '493353a4c5f0aa71508d4055483ff979linkedinpage': [{
    connector: '',
    displayName: 'Mak',
    loginName: '',
    userImage: '1.jpg'
  }]
};

var arr = [];
Object.keys(obj).forEach(function(e) {
  obj[e][0].connector = e;
  arr.push(obj[e][0]);
});

console.log(arr);
document.getElementById('output').innerHTML = JSON.stringify(arr, 0, 4);

<pre id="output"></pre>

The same code be converted to use Lodash/Underscore's forEach.

var arr = [];
_.forEach(obj, function(e, k) {
    e[0].connector = k;
    arr.push(e[0]);
});

var obj = {
  '2c13790be20a06a35da629c71e548afexing': [{
    connector: '',
    displayName: 'John',
    loginName: '',
    userImage: '2.jpg'
  }],
  '493353a4c5f0aa71508d4055483ff979linkedinpage': [{
    connector: '',
    displayName: 'Mak',
    loginName: '',
    userImage: '1.jpg'
  }]
};

var arr = [];

_.forEach(obj, function(e, k) {
  e[0].connector = k;
  arr.push(e[0]);
});

console.log(arr);
document.getElementById('output').innerHTML = JSON.stringify(arr, 0, 4);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.js"></script>
<pre id="output"></pre>

edited Nov 28, 2015 at 6:09

answered Nov 24, 2015 at 5:59

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

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

3 Comments

Malk Over a year ago

This doesn't actually produce the expected output.

Tushar Over a year ago

With ES6, var arr = []; Object.keys(obj).forEach((e) => arr.push(obj[e][0]));

Malk Over a year ago

Still doesn't populate the connector property with the key.

Manwal · Accepted Answer · 2015-11-24 06:16:21Z

4

You can go like this in Underscore:

_(obj).each(function(elem, key){
   arr.push(elem[0]);
});

See it in action

edited Nov 24, 2015 at 6:16

answered Nov 24, 2015 at 6:01

Manwal

23.9k15 gold badges65 silver badges95 bronze badges

Comments

Quy · Accepted Answer · 2015-11-28 02:23:09Z

4

If you're talking about functional, I usually don't want to alter the original object in any way, so I use extend to create a new object. I overwrite the connector property in the next line and return the object.

_.map(function( arr, key ) {
  var obj = _.extend({}, arr.pop());
  obj.connector = key;
  return obj;
});

answered Nov 28, 2015 at 2:23

Quy

1,3739 silver badges11 bronze badges

1 Comment

Jeremy Piednoel Over a year ago

Best solution for because it can be use in a _.chain

Malk · Accepted Answer · 2015-11-24 06:34:15Z

1

Grab the object from the first value in each key's array and assign the key to the connector property. No library needed.

var result = [];
for (key in obj) {
    result.push(obj[key][0]);
    result[result.length-1]["connector"] = key; 
}

answered Nov 24, 2015 at 6:34

Malk

12k4 gold badges35 silver badges34 bronze badges

Collectives™ on Stack Overflow

Parsing object to array using underscore js or lodash

4 Answers 4

3 Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related