Destructuring Assignments

Destructuring Assignments: The destructuring assignment syntax in JavaScript makes it possible to unpack values from arrays or properties from objects into distinct variables.


Example:

```

// Array destructuring

const arr = [1, 2, 3];

const [a, b, c] = arr;

console.log(a, b, c); // 1 2 3


// Object destructuring

const obj = {x: "X", y: "Y"};

const {x, y} = obj;

console.log(x, y); // X Y

```

In both examples, the variables a, b, c, x, and y are assigned new values from the array or object on the right side of the assignment.

Comments

Post a Comment

Popular posts from this blog

Abstract Classes and Interfaces

Copied as is from  https://www.quickstart.com/software-engineering/when-and-how-to-use-abstract-class-and-interface/#:~:text=An%20interface%20in%20OOP%20is,return%20types)%20without%20any%20implementation. Understanding Abstract Classes An abstract class, in essence, is a class that cannot be instantiated on its own but serves as a foundation for other classes to be derived from. It acts as a template or a prototype, defining a common structure and a set of methods that must be implemented by its subclasses.  The primary purpose of abstract classes is to provide a blueprint or a skeletal framework for derived classes. They outline the essential attributes and methods that any class inheriting from them must include. By doing so, abstract classes enforce a certain structure and consistency among the derived classes, ensuring that they adhere to a specific design pattern or interface. Abstract classes find their utility in various scenarios within software development, serving a...
Read more

Arrow functions

Arrow functions are a compact and shorthand syntax for writing function expressions in JavaScript that were introduced with ES6. They are anonymous and change the way `this` binds in functions. Here is a simple example of an arrow function: const square = (x) => {   return x * x; }; In this example, the `square` function takes a number `x` as a parameter and returns the square of that number. The function doesn't have a name and is assigned to the variable `square`. Arrow functions can be made even shorter with implicit return for one-line expressions. const square = x => x * x; The above function does exactly the same as the previous example, but it's shorter. Because there's only one argument, we can omit the parentheses `( )`, and because the function body only contains one line of code that is being returned, we can omit the `return` statement and the `{ }` as well. Another key feature of arrow functions is that they don't have their own `this` value. `this` h...
Read more

Optional Chaining

Optional Chaining: This feature allows you to access deeply nested property paths in an object without checking the existence of each level. Instead of writing multiple conditions to avoid getting undefined in case a property doesn’t exist, you can use optional chaining that automatically checks if the value is not undefined or null. For example: const car = { model: { name: 'BMW' } }; console.log(car?.model?.name); // "BMW" console.log(car?.manufacturer?.name); // undefined
Read more