JS one-liners 😻

4 min readMar 2, 2019

Collection of JS one-liners.

I am a huge fan of Arrow functions. They have changed the way we write code. They have cured the cloudy behaviour of this. They let us define functions without function keyword 😅. This article collates one-liners — written using arrow functions — with their explanations.

Remove Duplicates from Array

Interviewer often asks candidates to write a function which removes duplicates from an array. This can be done in many ways. We’ll discuss only those which are relevant to this post.

As you can see we are using filter and indexOf methods of the Array class. We get the index of the item using indexOf method and compare it with the current index. If both are equal then the item is unique else its repeated.

To remove duplicates we can also use Set data structures. We create a set from the array and then convert set back to the array using spread operator or Array.from method.

Remove duplicates from an array using Set.

Flatten Array

Flattening an array means converting a multi-dimension array to one-dimensional array. eg.

// 2-dimensional array.
[[1, 2, 3], [4, 5, 6]]// After flattening
[1, 2, 3, 4, 5, 6]// Multi-dimentional array
[1, [2, [3, 4, [5], 6], 7], 8], 9]// After flattening 
[1, 2, 3, 4, 5, 6, 7, 8, 9]

We can use Array.concat method with spread operator to flatten an array.

This approach flattens an array at only one level. Below function fully flattens an array.

Merge Arrays

To merge arrays we can use Array.concat method with spread operator.

Merge function to merge any number of arrays.

Pipe (Function Composition)

We often need to “pipe” the output of one function as an input to another function. Here’s a simple implementation of the pipe function using Function Composition.

const pipe = (...fns) => arg => fns.reduce((v, fn) => fn(v), arg);const addTwo = x => x + 2;
const double = x => x * 2;
const square = x => x * x;const fn = pipe(addTwo, double, square);console.log(fn(1)); // square(double(addTwo(1))) -> 36

Compose(Pipe reverse)

Just like the pipe function, compose also supplies the output of one function as an input to another but it does it in reverse order.

const compose = 
    (...fns) => fns.reduce((a, b) => (...args) => a(b(...args)));const addTwo = x => x + 2;
const double = x => x * 2;
const square = x => x * x;const fn = compose(addTwo, double, square);console.log(fn(1)); // -> 4 addTwo(double(square(1)))

Range Function

You might have used range function of Lodash. Here’s a one-liner implementation of range using Array.from method. It generate range from start to end (exclusive). It also takes an optional step parameter.

Color Function

Generates a random hex color code.

Colour function to random hex colour code

Conclusion

Before we conclude there’s one thing that should be kept it mind while writing one-liners. One-liners do more things with less code, which tempts people to write more one-liners. But sometimes, writing less code makes it less readable and hard to debug. So if you are writing code which you feel should or can be broken into multiple lines. Just go ahead and do it. You’ll thank yourself later 🙂.