How to destructure method properties without duplicating defaults?

How to Destructure Method Properties Without Duplicating Defaults

When working with TypeScript, you may come across a situation where you need to destructure method properties without duplicating defaults. This can be a common scenario when you have a method that accepts an object as an argument and you want to extract specific properties from it while providing default values for those properties.

Let’s consider an example where we have a method called processData that accepts an object with properties like name, age, and city. We want to destructure these properties while also providing default values if they are not present in the object.

One way to achieve this is by using the object destructuring syntax along with the logical OR operator to provide default values. Here’s how you can do it:

function processData(data: { name?: string; age?: number; city?: string }) {
  const { name = 'John Doe', age = 30, city = 'New York' } = data;

  // Rest of the code
}

In the above code snippet, we are using the object destructuring syntax to extract the name, age, and city properties from the data object. We are also providing default values for these properties using the logical OR operator. If any of these properties are not present in the data object, the default values will be used.

Another way to achieve the same result is by using the ES6 default parameter syntax. Here’s how you can do it:

function processData({ name = 'John Doe', age = 30, city = 'New York' }: { name?: string; age?: number; city?: string }) {
  // Rest of the code
}

In this code snippet, we are using the default parameter syntax to provide default values for the name, age, and city properties directly in the function parameter itself. If any of these properties are not present in the object passed to the processData method, the default values will be used.

Both of these approaches allow you to destructure method properties without duplicating defaults. Choose the one that suits your coding style and preference.

That’s it! You now know how to destructure method properties without duplicating defaults in TypeScript. Happy coding!