Lodash map values in a nested array

Question

I have this sort of data, which we usually grab from api, and it is my first time using lodash.

{
  "_id": "93866",
  "stats": [
    {
      "points": 86,
      "pos": 11,
      "createdAt": "2019-01-16T10:13:40.650Z",
      "updatedAt": "2019-01-16T10:13:40.825Z"
    },
    {
      "points": 79,
      "pos": 26,
      "createdAt": "2019-01-16T10:13:40.650Z",
      "updatedAt": "2019-01-16T10:13:40.825Z"
    },
    {
      "points": 64,
      "pos": 39,
      "createdAt": "2019-01-16T10:13:40.650Z",
      "updatedAt": "2019-01-16T10:13:40.825Z"
    }
  ]
}

All I want is to achieve like this

[ [ 86, 11 ], [ 79, 26 ], [ 64, 39 ] ]

I can simply do this in a native way by doing this,

var result = data.stats.map(o => [o.points, o.pos])
// => [ [ 86, 11 ], [ 79, 26 ], [ 64, 39 ] ]

which yields the expected result but the environment I'm working depends on the use of lodash.

I have tried so far _.map(data.stats, 'points') but Im not sure how I make it to achieve like this [ [ 86, 11 ], [ 79, 26 ], [ 64, 39 ] ]

So how to do it?

Hassan Imam · Accepted Answer · 2019-01-16 12:50:42Z

4

You can use object#destructring in the function callback.

let data = {"_id":"93866","stats":[{"points":86,"pos":11,"createdAt":"2019-01-16T10:13:40.650Z","updatedAt":"2019-01-16T10:13:40.825Z"},{"points":79,"pos":26,"createdAt":"2019-01-16T10:13:40.650Z","updatedAt":"2019-01-16T10:13:40.825Z"},{"points":64,"pos":39,"createdAt":"2019-01-16T10:13:40.650Z","updatedAt":"2019-01-16T10:13:40.825Z"}]},
    result = _.map(data.stats, ({points, pos}) => [points,pos]);
console.log(result);

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

answered Jan 16, 2019 at 12:50

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

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

Comments

Ori Drori · Accepted Answer · 2019-01-16 18:57:08Z

You can use lodash's _.at() with _.map():

const data = {"_id":"93866","stats":[{"points":86,"pos":11,"createdAt":"2019-01-16T10:13:40.650Z","updatedAt":"2019-01-16T10:13:40.825Z"},{"points":79,"pos":26,"createdAt":"2019-01-16T10:13:40.650Z","updatedAt":"2019-01-16T10:13:40.825Z"},{"points":64,"pos":39,"createdAt":"2019-01-16T10:13:40.650Z","updatedAt":"2019-01-16T10:13:40.825Z"}]};

const result = _.map(data.stats, o => _.at(o, ['points', 'pos']));

console.log(result);

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

You can also use the lodash/fp versions of _.map() and _.at() to create function:

const data = {"_id":"93866","stats":[{"points":86,"pos":11,"createdAt":"2019-01-16T10:13:40.650Z","updatedAt":"2019-01-16T10:13:40.825Z"},{"points":79,"pos":26,"createdAt":"2019-01-16T10:13:40.650Z","updatedAt":"2019-01-16T10:13:40.825Z"},{"points":64,"pos":39,"createdAt":"2019-01-16T10:13:40.650Z","updatedAt":"2019-01-16T10:13:40.825Z"}]};

const fn = _.map(_.at(['points', 'pos']));

const result = fn(data.stats);

console.log(result);

<script src='https://cdn.jsdelivr.net/g/lodash@4(lodash.min.js+lodash.fp.min.js)'></script>

Cinn · Accepted Answer · 2019-01-16 12:48:42Z

1

Here is:

_.map(data.stats, obj => [ obj.points, obj.pos ])

Edit: @Hassan Imam made an interesting answer using destructuring object

answered Jan 16, 2019 at 12:48

Cinn

4,5472 gold badges23 silver badges32 bronze badges

Comments

JAAulde · Accepted Answer · 2019-01-16 12:51:28Z

1

You've pretty much figured it out, you just have to combine your native version with your lodash attempt:

var result = _.map(data.stats, o => [o.points, o.pos]);

As you can see, I replaced the second parameter to _.map (which was 'points') with the function used in your native version.

edited Jan 16, 2019 at 12:51

answered Jan 16, 2019 at 12:48

JAAulde

19.5k5 gold badges56 silver badges65 bronze badges

Collectives™ on Stack Overflow

Lodash map values in a nested array

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related