The lodash values method and native javaScript

The lodash values method is one of many methods in lodash where there is a native counterpart. However sometimes browser support for a native method only goes back so far, also sometimes a native method does not always work as expected, or it could use one little additional feature. The lodash values object method might be one such method that supports a case that lodash is not dead just yet. The reason being that the native Object.values method is still fairly new, and as such there is limited browser support for older browsers.

1 - lodash values basic example

The lodash values method works by just passing an object to it as the first argument, and then an array of values for each public keys is returned. There is also the lodash keys object method as well that does the same thing but returns the key public key names of the object.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
let obj = {
foo: 'bar',
n: 42
};
// lodash _.values can be used to get the values
// for each key of an object
console.log(_.values(obj) ); // [ 'bar', 42 ]
// there is also the native Object.values
// that does the same thing
console.log( Object.values(obj) ); // [ 'bar', 42 ]
// There is the lodash _.keys, and Native Object.keys
// that can be used to get object key names as well
console.log(_.keys(obj)); // ['foo', n]
console.log(Object.keys(obj)); // ['foo', n]

There is also the native Object.values method that was introduced in recent years, this method works in the same way as lodash values but it might not be there in some older environments. As such this is one such method that helps to support a case that lodash is not a dead library just yet depending on your sites bowser user agent stats.