10+ Killer JavaScript One Liners 🔥

👋 Want to maximize your JavaScript skills?

Every JS developer should use javascript one liners to improve productivity and skills, so today we discuss some of one liners which we can use in our daily development life.

1. Sort an Array

Sort an array is super easy with sort method.

const number = [2,6,3,7,8,4,0];number.sort(); 
// expected output: [0,2,3,4,6,7,8]

2. Check value in an Array

Many times we need to check value is exist in array or not, with help of includes method.

const array1 = [1, 2, 3];console.log(array1.includes(2));
// expected output: true

3. Filter an Array

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter(word => word.length > 6);console.log(result);
// expected output: Array ["exuberant", "destruction", "present"]

4. Find element from an Array

If you need only one element but you getting many number of element in array, don’t worry JavaScript have find method.

const array1 = [5, 12, 8, 130, 44];const found = array1.find(element => element > 10);console.log(found);
// expected output: 12

5. Find index of any element in an Array

For find index of an element in array, you can simply use indexOf method.

const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];console.log(beasts.indexOf('bison'));
// expected output: 1

6. Convert an array to string

const elements = ['Fire', 'Air', 'Water'];console.log(elements.join(", "));
// expected output: "Fire, Air, Water"

7. Check number is even or odd

It’s very easy to find out given number is even or odd

const isEven = num => num % 2 === 0;
or
const isEven = num => !(n & 1);

8. Remove all duplicate values in an array

A very easy way to remove all duplicate values in an array

const setArray = arr => [...new Set(arr)];const arr = [1,2,3,4,5,1,3,4,5,2,6];
setArray(arr);
// expected output: [1,2,3,4,5,6]

9. Different ways of merging multiple arrays

// merge but don't remove duplications
const merge = (a, b) => a.concat(b);
or 
const merge = (a, b) => [...a, ...b];// merge with remove duplications
const merge = (a, b) => [...new Set(a.concat(b))];
or 
const merge = (a, b) => [...new Set([...a, ...b])];

10. Scroll to top of the page

There is many way to scroll page to top.

const goToTop = () => window.scrollTo(0,0, "smooth");
or
const scrollToTop = (element) => element.scrollIntoView({behavior: "smooth", block: "start"});// scroll to bottom of the page
const scrollToBottom = () => window.scrollTo(0, document.body.scrollHeight);

11. Copy to Clipboard

In web apps, copy to clipboard is rapidly rising in popularity due to its convenience for the user.

const copyToClipboard = text => (navigator.clipboard?.writeText ?? Promise.reject)(text);