DEV Community

Cover image for Killer JavaScript One Liners

Killer JavaScript One Liners

Shshank on July 22, 2022

Some useful JavaScript One-Liners After a good response from the community, I decided to post some few more JavaScript one liners, that might help...
Collapse
 
frankwisniewski profile image
Frank Wisniewski

seen 1000 times and wrong 1000 times...

const str = 'Hello 😊 World';
const reversedStr = str.split('').reverse().join('');
console.log(reversedStr); // 'dlroW �� olleH'
Enter fullscreen mode Exit fullscreen mode
Collapse
 
ecyrbe profile image
ecyrbe

You should then post the right one :

const str = 'Hello 😊 World';
const reversedStr = [...str].reverse().join('');
console.log(reversedStr); // 'dlroW 😊 olleH'
Enter fullscreen mode Exit fullscreen mode
Collapse
 
frankwisniewski profile image
Frank Wisniewski

You too ....

Thread Thread
 
ecyrbe profile image
ecyrbe

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.

Thread Thread
 
frankwisniewski profile image
Frank Wisniewski

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

 
adam_cyclones profile image
Adam Crockett 🌀

You could also hard code the string backwards 😉

const string = "olleh"
Enter fullscreen mode Exit fullscreen mode

That's the efficiency of build time.

Nice one Luke

Thread Thread
 
jankapunkt profile image
Jan Küster

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

Thread Thread
 
adam_cyclones profile image
Adam Crockett 🌀

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

Thread Thread
 
bias profile image
Tobias Nickel

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

Thread Thread
 
adam_cyclones profile image
Adam Crockett 🌀

I don't know what that is 👍

Collapse
 
joolsmcfly profile image
Julien Dephix • 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('');
Enter fullscreen mode Exit fullscreen mode

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

Collapse
 
frankwisniewski profile image
Frank Wisniewski • 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
Enter fullscreen mode Exit fullscreen mode
Collapse
 
joolsmcfly profile image
Julien Dephix

Ha, my bad! I read too quickly.

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

Collapse
 
jonrandy profile image
Jon Randy 🎖️ • 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

Collapse
 
jonrandy profile image
Jon Randy 🎖️ • Edited
const hexClr = ()=>'#'+(~~(Math.random()*8**8)).toString(16).padStart(6,0)
Enter fullscreen mode Exit fullscreen mode
Collapse
 
feba33 profile image
feba

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

Collapse
 
prajyu profile image
prajyu

How about adding another one liner
To remove duplicate values

const uniqueValues= (arr) => [...new Set(arr)];
Enter fullscreen mode Exit fullscreen mode