Lodash map and return unique

Question

I have a lodash variable;

var usernames = _.map(data, 'usernames');

which produces the following;

[
    "joebloggs",
    "joebloggs",
    "simongarfunkel",
    "chrispine",
    "billgates",
    "billgates"
]

How could I adjust the lodash statement so that it only returns an array of unique values? e.g.

var username = _.map(data, 'usernames').uniq();

Solution 1

Many ways, but uniq() isn't a method on array, it's a lodash method.

_.uniq(_.map(data, 'usernames'))

Or:

_.chain(data).map('usernames').uniq().value()

(The second is untested and possibly wrong, but it's close.)

As mentioned in the comment, depending on what your data actually is, you could do this all in one shot without first pulling out whatever usernames is.

Solution 2

You can also use uniqBy function which also accepts iteratee invoked for each element in the array. It accepts two arguments as below, where id is the iteratee parameter.

_.uniqBy(array, 'id')