Here is a list of useful tricks for JavaScript developers that will definitely help you one day. They help you to achieve the same goal, but these are shorter and much cleaner.
1. Format JSON Code
JSON is JavaScript Object Notation. Convert a JavaScript object into a string with JSON.stringify(); This will convert the object into a string.
console.log(JSON.stringify({name: "John", Age: 23}, null, '\t'))
/* Output
{
"name": "John",
"Age": 23
}
*/2. Get unique values from an array with the help of set
The set objects let you store unique values of any type, whether primitives values or object references. Set is an ES6 feature supported in all modern browsers.
let fruits = ["🍎","🍓","🍇","🍎","🍋","🍒","🍅","🍇"]; let uniqueFruits = [... new Set(fruits)]; console.log(uniqueFruits); // Output ["🍎","🍓","🍇","🍋","🍒","🍅"];
3. Removing Falsy values from arrays
Use Boolean. Passing Boolean constructor as the argument of filter method. The filter() method creates an array filled with all array elements that pass a test. filter() does not execute the function for array elements without values. It does not change the original array.
myArray.filter(Boolean)
4. Sort number array
sorting items in an array can be done with the sort() method. It helps sorts the items of an array. The sort order can be either alphabetic or numeric and either ascending or descending. Sort works for string, but it works differently with numbers. The problem can be fixed by providing a compare function.
[0,10,4,9,123,54,1].sort((a,b) => a-b); //Output //[0,1,4,9,10,54,123]
5. Disable right click
The context menu can be disabled by returning false with the attribute of the body element. It can be applied to other elements as well.
<body oncontextmenu="return false"> <div></div> </body>
<canvas oncontextmenu="return false;"></canvas>
6. Get last items in an array with slice
You can use the slice method with negative numbers. The slice() method returns the selected elements in an array, as a new array object. The original array is not affected by this method.
let array = [0,1,2,3,4,5,6,7]; console.log(array.slice(-1)); // [7] console.log(array.slice(-2)); // [6,7] console.log(array.slice(-3)); // [5,6,7]
Thanks for scrolling & Share this blog (JavaScript Tricks), if you have liked it. You can read our other blogs here.
Howdy! Do you know if they make any plugins to protect against hackers?
I’m kinda paranoid about losing everything I’ve worked hard on. Any recommendations?
I am not sure about any plugins to protect against hacker.
Would like to know, If someone is familiar.
Thank you