DEV Community

Cover image for 7 JavaScript Quick Coding Tips ✨
Random
Random

Posted on

7 JavaScript Quick Coding Tips ✨

Hey Developer,

Welcome to my Javascript blog, My name is Md Taqui Imam i am a Full Stack developer
And in

Today post i will tell you some "Javascript Quick Tips💎" that every javascript developers should know.

Follow me in Github✅

Let start


1. Combine Objects 👨‍👨‍👦‍👦

const username = { id: '@Taquiimam14' };
const website = { url: 'www.twitter.com' };

const social = { ...username, ...url };

// Result: { id: '@Taquiimam14', url: 'www.twitter.com' }
Enter fullscreen mode Exit fullscreen mode

2. Shuffle an array 🥓

function shuffleArr(array) {
return array.sort( () => Math.random( ) - 0.5) ;
}

let myArr = [1, 2, 3, 4, 5];

shuffleArr(myArr);

// Result: [3, 1, 5, 4, 2]
Enter fullscreen mode Exit fullscreen mode

3. Short-circuit conditional 🛠

// Old  
 if ( isSubscribed ) {
      sendThankyouEmail();
}

// New 

isSubscribed && sendThankyouEmail() ;
Enter fullscreen mode Exit fullscreen mode

4. Dynamic Property Names ✨

const dynamic = 'websites' ;

var social = {
      userId: '@Taquiimam14',
      [dynamic]: 'www.twitter.com'
};

// Result: { userId: "@Taquiimam14", website: "www.twitter.com" }
Enter fullscreen mode Exit fullscreen mode

5. Flattern an array 👓

const oldArr = [1, 2, [2, 3, 4], 8];
const newArr = oldArr.flat();

// Result: [1, 2, 2, 3, 4, 8]
Enter fullscreen mode Exit fullscreen mode

6. Return shorthand ✔

// Old
fumction myfunc() {
    foo();
    bar();
    return 1;
}

// New
function myFunc() {
return foo(), bar(), 1;
}
Enter fullscreen mode Exit fullscreen mode

7. Resize An Array ⚙

var array = [1, 2, 3, 4, 5];
array.length = 2 ;

// Result: [1, 2]
Enter fullscreen mode Exit fullscreen mode

💭Conclusion

Thankyou for reading this blog post i hope you find it helpful. Even beginning programmers can understand these concepts to get the most out of JavaScript. Keep practicing and have fun with code!

And don't forget to Drop "🔥💖🦄"

Happy coding 👋

Top comments (2)

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
random_ti profile image
Random

😂