Skip to main content

Command Palette

Search for a command to run...

JavaScript Shortcut Tricks !!

Updated
•2 min read•View as Markdown
W

I am highly skilled Full Stack Developer with proficiency in modern web and mobile technologies, such as JavaScript, React, React Native and PHP/Laravel. Possesses experience in building and maintaining complex applications, writing clean and efficient code, and implementing automated testing to ensure quality. Proven problem-solving and debugging skills, as well as the ability to work collaboratively in an agile environment.

Hey there, code wranglers! Let's dive into the wild world of JavaScript shortcuts. Get ready to jazz up your code and make it snappy, all with a sprinkle of humor!

1. Arrow Functions: The Snazzy Sidekicks

Forget the long-winded function syntax! Say "hello" to arrow functions - they're like the cool kids at the JS party!

// Traditional Function
function multiply(a, b) {
  return a * b;
}

// Arrow Function - Short, snappy, and on point!
const multiply = (a, b) => a * b;

2. Array Methods: Map, Filter, Reduce - the Squad Goals

Meet the trio: map, filter, and reduce. They're like the Avengers of array manipulation, here to save your day!

const numbers = [1, 2, 3, 4];

// Map: Doubling each value in an array
const doubled = numbers.map(num => num * 2);

// Filter: Filtering even numbers
const evenNumbers = numbers.filter(num => num % 2 === 0);

// Reduce: Summing all values in an array
const sum = numbers.reduce((acc, curr) => acc + curr, 0);

3. Object Property Shorthand: Less Typing, More Fun!

Say goodbye to repetition with this cool property shorthand trick!

const name = 'John';
const age = 30;

// Without Property Shorthand - Boooring!
const person = {
  name: name,
  age: age
};

// With Property Shorthand - Bam! That's the way!
const person = {
  name,
  age
};

4. Destructuring Assignment: Unwrapping Gifts, JS Style

Unwrap those arrays and objects like a pro with destructuring!

// Destructuring arrays
const [first, second] = [1, 2, 3, 4];

// Destructuring objects
const { name, age } = person;

5. Default Parameter Values: Your Function's Safety Net

Be lazy, but in a smart way! Set default values for your function parameters!

function greet(name = 'Guest') {
  console.log(`Hello, ${name}!`);
}

greet(); // Output: Hello, Guest!
greet('Alice'); // Output: Hello, Alice!

6. String Interpolation: Where Strings Get Cozy with Expressions

Get ready for the stringy magic of template literals - they're like hugs for your strings!

const name = 'World';

// String Interpolation - Making strings flirt with expressions!
const greeting = `Hello, ${name}!`;

console.log(greeting); // Output: Hello, World!

Conclusion

With these JavaScript shortcuts, you're not just coding - you're throwing a JavaScript party! These tricks add pizzazz to your code, making it snappier, funkier, and a whole lot more fun. So go ahead, sprinkle that magic into your code and let JavaScript rock your world!

More from this blog

Wahid's Tech Tales

10 posts