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...
Read full post
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
 
fernaned profile image
Fernando Ed •

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