👨‍💻 Three Implementations of `lodash` `_.uniq` (shortest being 22 chars)

#lodash-uniq-implementations.md

👨‍💻 Three Implementations of lodash _.uniq

I was writing tiny code and attempted to get all unique values of an array.

I totally forgot the best implementation, but I thought my first 2 implementations use some interesting code golfing techniques.

The html file demonstrates its uses on an array of primitive values.

👉 Method 1 (46b): find its duplicate in an array and add or not using the reduce method

a.reduce((p,o)=>p.find(q=>q==o)?p:[...p,o],[])

This is the least efficient and longest implementation, but I used the spread operator to add each element.

👉 Method 2 (43b): Using an Object {}, set each value to its attribute and then get its Object.keys.

Object.keys(a.reduce((p,o)=>(p[o]=1,p),{}))

👉 Method 3 (22b): Using the Set Global Object and it will convert the array into its unique values

The Array.from method turns the object into an array.

Array.from(new Set(a))

This is probably the most efficient since it's a Global Object built into the browser.

lodash-uniq-implementations.html

<p id=o></p>
<script>
const method1 = a => a.reduce((p,o)=>p.find(q=>q==o)?p:[...p,o],[])
const method2 = a => Object.keys(a.reduce((p,o)=>(p[o]=1,p),{}))
const method3 = a => Array.from(new Set(a))

const test = (method, a) => `${method.name}=${method(a)}
  | ${method.toString().length - 5} chars`; //we subtract 5 to negate the `a => ` part of the implementation

const a = [1,2,3,4,5,5,5,5,7,7,7,7];

o.innerHTML = [
  test(method1, a),
  test(method2, a),
  test(method3, a),
].join`<br><br>`
</script>