5 useful javascript tricks

In this post, I will show you 5 awesome javascript tricks which will make your life more easier. And will help you to become a better developer. So if you are interested, continue reading.

Trick-1: Remove duplicates from an Array!

This trick is prett…


This content originally appeared on DEV Community and was authored by Ratul

In this post, I will show you 5 awesome javascript tricks which will make your life more easier. And will help you to become a better developer. So if you are interested, continue reading.

Trick-1: Remove duplicates from an Array!

This trick is pretty simple. Suppose I have an array which is containing number, strings and booleans. And in this array I want to make sure, that there's no duplicate item. So how do you do do that?

const array = [1, 2, 3, 2, 1, true, true, false, 'Ratul', 1, 5];
const filtered__array = [...new Set(array)];
console.log(filtered__array) // [ 1, 2, 3, true, false, 'Ratul', 5 ]
Enter fullscreen mode Exit fullscreen mode

Simple!

Trick-2: Turn a Decimal Number to a Normal number

This one is a pretty straight forward trick. Let me show you.

const number = 23.6565
console.log(number | 0);
Enter fullscreen mode Exit fullscreen mode

Isn't it so simple!

Trick-3: Getting the Last Value of an Array!

Suppose you have an array of something. Now if you want to have the last item of the array, how will you do that?

const array = [1, 2, 3, 4, 5]
const last_Item = array.slice(-1)
console.log(last_Item)

Enter fullscreen mode Exit fullscreen mode

Here we go! Now if you put -2 instead of -1, you will get the last two values of the array and then if you give -3 instead of -2, you will get the value of last three index's and so on.

Trick-4: Get a random index value from an array.

Suppose we are doing a lottery programme. We have an array which is containing the names of the prticipants. Now we want only one user randomly from the array to decide a winner.

const participants = ['Ratul', 'George', 'july', 'Padrik', 'G']
const winner = participants[Math.floor(Math.random() * participants.length)]
console.log(winner) // july was the winner ?
Enter fullscreen mode Exit fullscreen mode

Trick-5: Detect the most lengthy word in an array

Create an array and add some different strings. Now print the most lengthy string of this array.

const array = ['Apple', 'Pine-apple', 'Banana', 'Jack-fruit']

let most_lengthy_string = ''
array.forEach((item) => {
  if (item.length > most_lengthy_string.length) {
    most_lengthy_string = item
  }
})
console.log(most_lengthy_string)
Enter fullscreen mode Exit fullscreen mode

Simple! So let me explain you what's going on here. Firstly we have array which is containing some strings. And After that, I have created a variable which is containing an empty string. And now, to detect the most lengthy string in this array, I need to take a look at all of the array items So I have looped through the array. And if the array's item length is greater that the length of our "most_lengthy_string" The we are reassigning the value of the variable and after all I am just printing out the variable. That's all!

Conclusion

Thanks for reading this article. Hope you enjoyed that. If you have any doubt regarding that post, please let me know. And make sure you follow me to recieve all the informational posts just like that.

:)


This content originally appeared on DEV Community and was authored by Ratul


Print Share Comment Cite Upload Translate Updates
APA

Ratul | Sciencx (2021-02-20T10:10:41+00:00) 5 useful javascript tricks. Retrieved from https://www.scien.cx/2021/02/20/5-useful-javascript-tricks/

MLA
" » 5 useful javascript tricks." Ratul | Sciencx - Saturday February 20, 2021, https://www.scien.cx/2021/02/20/5-useful-javascript-tricks/
HARVARD
Ratul | Sciencx Saturday February 20, 2021 » 5 useful javascript tricks., viewed ,<https://www.scien.cx/2021/02/20/5-useful-javascript-tricks/>
VANCOUVER
Ratul | Sciencx - » 5 useful javascript tricks. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/02/20/5-useful-javascript-tricks/
CHICAGO
" » 5 useful javascript tricks." Ratul | Sciencx - Accessed . https://www.scien.cx/2021/02/20/5-useful-javascript-tricks/
IEEE
" » 5 useful javascript tricks." Ratul | Sciencx [Online]. Available: https://www.scien.cx/2021/02/20/5-useful-javascript-tricks/. [Accessed: ]
rf:citation
» 5 useful javascript tricks | Ratul | Sciencx | https://www.scien.cx/2021/02/20/5-useful-javascript-tricks/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.