Shshank

Posted on Jul 22, 2022

Killer JavaScript One Liners

#webdev #programming #productivity #javascript

After a good response from the community, I decided to post some few more JavaScript one liners, that might help you a lot. I have posted a link to my previous article of Some useful JavaScript One Liners

Clear All Cookies

const clearCookies = document.cookie.split(';').forEach((cookie) => (document.cookie = cookie.replace(/^ +/, '').replace(/=.*/, `=;expires=${new Date(0).toUTCString()};path=/`)));

Reverse a String

You can reverse a string in one line using split, join and reverse methods.

const strReverse = str => str.split('').reverse().join('');
strReverse('Shshank');
// knahshS

Generate a Random Hex

This method generates a random hex code using Math.random() and padEnd().

const hexClr = () => '#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0');
console.log(hexClr());

Capitalise a String

Javascript doesn't have an inbuilt capitalise function, so we can use the following code of the purpose.

let str = 'follow Shshank for amazing posts';
let capStr = str.replace(/\w\S*/g, (w) => (w.replace(/^\w/, (c) => c.toUpperCase())));
console.log(capStr);

Copy to Clipboard

Easily copy any text to clipboard using navigator.clipboard.writeText.

const copy = (text) => navigator.clipboard.writeText(text);
copy('Shshank');

Hope you like this post. If you find this post useful, please like and share with fellow developers. Follow me for more such posts.

Thank you.

Top comments (17)

Frank Wisniewski • Jul 22 '22

seen 1000 times and wrong 1000 times...

const str = 'Hello 😊 World';
const reversedStr = str.split('').reverse().join('');
console.log(reversedStr); // 'dlroW �� olleH'

ecyrbe • Jul 22 '22

You should then post the right one :

const str = 'Hello 😊 World';
const reversedStr = [...str].reverse().join('');
console.log(reversedStr); // 'dlroW 😊 olleH'

Frank Wisniewski • Jul 24 '22

You too ....

ecyrbe • Jul 24 '22

You made a critique without even trying to help. That was my point.
If you have knowledge, you should share it.

Thanks Luke for taking the time to add a fool proof version.

Frank Wisniewski • Jul 24 '22

this has been chewed through here so many times, a simple search is enough... dev.to/ianfelix/how-to-invert-a-st...

Adam Crockett 🌀 • Jul 23 '22

You could also hard code the string backwards 😉

const string = "olleh"

That's the efficiency of build time.

Nice one Luke

Jan Küster 🔥 • Jul 23 '22

Luke you should make this comment a new article do we can bookmark it 🙃

Adam Crockett 🌀 • Jul 23 '22

Oh man an article on hard coding strings where could that lead 🤪

Tobias Nickel • Jul 24 '22

at least it does not lead to a configuration or environment variable called empty_string.

Adam Crockett 🌀 • Jul 24 '22

I don't know what that is 👍

Julien Dephix • Jul 22 '22 • Edited

Clear all cookies is more of a tiny program than a one-liner ;)

To capitalise a string you could use the same technique as to reverse a string.

const upper = s.split("").map(n => n.toUpperCase()).join('');

I find it easier to read / understand than two replace.
Hope this helps.

Frank Wisniewski • Jul 22 '22 • Edited

you have to understand the task...

s='this is a mistake';
const upper = s.split("").map(n => n.toUpperCase()).join('');
console.log(upper === s.toUpperCase()) // true

Julien Dephix • Jul 22 '22

Ha, my bad! I read too quickly.

I guess I should not be reading code on my phone at 11pm. 😓

Jon Randy 🎖️ • Jul 22 '22 • Edited

Your random hex function has a number of problems. For starters, it will never return #ffffff. Also there are many other values it will never return as you're using padEnd instead of padStart

Jon Randy 🎖️ • Jul 23 '22 • Edited

const hexClr = ()=>'#'+(~~(Math.random()*8**8)).toString(16).padStart(6,0)

feba • Jul 23 '22

I personally use this to capitalize:
str[0].toUpperCase() + str.substr(1)

prajyu • Jul 23 '22

How about adding another one liner
To remove duplicate values

const uniqueValues= (arr) => [...new Set(arr)];

View full discussion (17 comments)