JavaScript is full of fun. Do you believe it? You must say WOW while reading our 10 awesome JS tricks. Its guaranteed from our side. Let’s try!
Some JavaScript tricks make coding easier, faster, and more fun. They can also help you write clean and simple code. If you love smart shortcuts, you’ll enjoy these JavaScript magic tricks! 🧙♂️✨
🎩 1. Swap Two Variables Without a Temp Variable
Usually, we use a temporary variable to swap two values. But there’s a cool trick to do it in one step. Check it out bro !
let a = 5, b = 10;
[a, b] = [b, a];
console.log(a, b); // 10, 5🔥 Why use this JS Trick?
- Saves space—no extra variable needed.
- Looks clean and modern.
💡 Tip:
This method works best with modern JavaScript (ES6+).
🎯 2. Convert a String to a Number Instantly
Want to turn a string into a number fast? Use the + sign!
let str = "42";
let num = +str;
console.log(num, typeof num); // 42, 'number'✨ Why is this useful?
- Shorter than
parseInt()orNumber(). - Works instantly.
💡 Tip:
Be careful! This trick doesn’t work well if the string isn’t a valid number.
🕵️♂️ 3. Check If an Object Is Empty in One Line
Instead of checking an object’s keys manually, use this quick trick.
const isEmpty = obj => Object.keys(obj).length === 0;
console.log(isEmpty({})); // true
console.log(isEmpty({ name: "Alice" })); // false💡 Why use this?
- Simple and direct.
- Great for checking API responses.
🚀 4. Get the Last Element of an Array Easily
No need for .length - 1. Use .at(-1) instead.
let colors = ["red", "blue", "green"];
console.log(colors.at(-1)); // 'green'✨ Why is this better?
- Easier to read.
- Supports negative indices.
💡 Tip:
.at(-1) works great for both arrays and strings!
🔥 5. Flatten a Deeply Nested Array Quickly
Working with nested arrays? Flatten them with .flat(Infinity).
let nestedArr = [1, [2, [3, [4]]]];
let flatArr = nestedArr.flat(Infinity);
console.log(flatArr); // [1, 2, 3, 4]🚀 Why use this?
- No need for loops.
- Super clean and easy.
💡 Trick:
If you only need to flatten one level, use .flat(1) instead.
🎭 6. Remove Duplicates from an Array Fast
Use Set to quickly remove duplicate values.
let nums = [1, 2, 2, 3, 4, 4, 5];
let uniqueNums = [...new Set(nums)];
console.log(uniqueNums); // [1, 2, 3, 4, 5]💡 Why is this great?
- No need for loops.
- Fast and efficient.
🎯 7. Shorten if-else Statements with || and &&
You can simplify if-else checks using these operators.
let name = "";
let user = name || "Guest";
console.log(user); // 'Guest'🔥 Why use this?
- Makes the code shorter and easier to read.
- Great for default values.
💡 Trick:
Use && to run a function only if a condition is true.
isLoggedIn && showDashboard();
🎲 8. Shuffle an Array Like a Magician
Want to randomize an array? Try this trick.
let items = [1, 2, 3, 4, 5];
items.sort(() => Math.random() - 0.5);
console.log(items);🎩 Why is this cool?
- One-liner trick.
- Works great for games and quizzes.
💡 Tip:
This method isn’t perfectly random. For better results, use Fisher-Yates shuffle.
🎲 9. Get a Random Number in a Range Easily
No need for complicated formulas. Use this simple function:
const getRandom = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
console.log(getRandom(1, 10));🎯 Why is this useful?
- Perfect for random features in apps.
- Super easy to remember.
💡 Tip:
Always set a range to avoid unexpected results.
⏳ 10. Measure Code Execution Time
Use console.time() to check how long a function takes to run.
console.time("test");
for(let i = 0; i < 1000000; i++) {}
console.timeEnd("test");
🚀 Why is this handy?
- Helps debug slow code.
- Great for performance optimization.
💡 Tip:
Use performance.now() for more accurate timing in large applications.
🎉 Conclusion: Master JavaScript Like a Pro!
These JavaScript tricks help you write better code, save time, and impress others. Use them in your projects and see the difference!
💡 Which trick did you like the most? Let us know! 🚀
🏋️♂️ Discover Code Blocks From 20+ yrs JS Expert
💥 Asp.net C# Developer
🏆 Solution Architect
👨✈️ Database Administrator
📢 Speaker
🎓 MCTS since 2009
Leave a Reply