DEV Community

4 Helpful Javascript Array tricks you should know

talent on June 01, 2022

An array is one of the most common concepts of Javascript, which gives us a lot of possibilities to work with data. Check these tricks which can be...
Read full post
Collapse
 
adam_cyclones profile image
Adam Crockett 🌀 •

Better to do

[].filter(Boolean)
Enter fullscreen mode Exit fullscreen mode

As the Boolean constructor is called on falsey values and returns false to filter them.

Although the absolutely best way is to not allow falsey values into an array for processing, then no work is needed

Collapse
 
codemaker2015 profile image
Vishnu Sivan •

Good article. IT helps JavaScript developers to do some array operations in much better way.

Collapse
 
moopet profile image
Ben Sinclair •

Hi, can I suggest that you put your code into a code block rather than using a screenshot? If you paste it in between three-backticks you get something like this:

console.log("Why hello there");
Enter fullscreen mode Exit fullscreen mode

and that's something that'll help you with:

  • searchability on the page with ctrl/cmd+F
  • searchability through something like Google
  • accessibility (screen-reader users currently see your code as "image description" which is the placeholder Markdown uses here)
  • people wanting to copy/paste your code to try it out for themselves
Collapse
 
talenttinaapi profile image
talent •

Thanks Ben for the heads up,much appreciated!!

Collapse
 
jonrandy profile image
Jon Randy 🎖️ • • Edited

Remove falsy values from an array:

arr.filter(x=>x)
Enter fullscreen mode Exit fullscreen mode

Why convert to a Boolean when JS is going to do that anyway? That's the whole point of truey/falsy values