Marko Denic

Posted on May 4, 2020 • Edited on Sep 20, 2020 • Originally published at markodenic.com

JavaScript Secrets

#webdev #javascript

In this post I will share with you JavaScript tips you won’t find in most tutorials. Enjoy!

What is JavaScript?

JavaScript is a scripting language that enables you to create dynamically updating content, control multimedia, animate images, and so much more.

Let's jump to the tips!

* Shorten an array

You can set the length property to shorten an array.

* Short-circuits conditionals

If you have to execute a function only if condition is true, you can use short-circuit.

* Show specific console.table() columns

By default, console.table() lists all elements in each row. You can use the optional “columns” parameter to select a subset of columns to display:

* Remove duplicate elements from the array:

* Convert a string to number:

* Convert a number to string:

You can find more HTML/CSS/JS Tips here: github.com/MarkoDenic/awesome-html-css-js-tips

If you liked this article, be sure to ❤️ it.

This article is a repost from my blog. Find the original post here: JavaScript Tips.

Let's keep in touch:
Blog: markodenic.com
Twitter: @denicmarko
Github: github.com/MarkoDenic
Codepen: codepen.io/denic

Top comments (10)

dsbarnes • May 4 '20

Excellent tips. I remember learning how to short circuit through counting substrings of a string like so:

arr.forEach(e => obj[e] = (ojb[e] || 0) + 1));

Changed my life.

Never knew about console.table(), that is just awesome.
Appreciate you sharing

Marko Denic • May 4 '20

Hey @dsbarnes , thanks for reading and taking the time to comment. Glad you like it.

Nikola Stojaković • May 4 '20 • Edited

Converting a string to a number with a plus sign is a hack and is therefore one of the things you shouldn't do in JavaScript (just like changing the length property of an array).

Marko Denic • May 4 '20

Hi Nikola, thanks for reading. Yes, these two are tricks definitely. But, I saw both on MDN docs and w3docs, so I would consider them a legit tricks. :)

How do you like the rest?

Olga Gnatenko • May 5 '20

What about explicit conversion from string to number: str => Number(str)? I think this one is clearer and easier to understand/note for other developers.