How do I use destructuring with functions in JavaScript?

How do I use destructuring with functions in JavaScript?

Destructuring allows you to unpack values from arrays or properties from objects into distinct variables. In functions, you can use it to simplify parameter handling.

Can you show me an example?

Sure! Here's a simple example:

function displayInfo({ name, age }) {
    console.log(`Name: ${name}, Age: ${age}`);
}

const person = { name: 'Alice', age: 30 };
displayInfo(person);

What if I want to set default values?

You can set default values directly in the destructuring assignment like this:

function displayInfo({ name = 'Unknown', age = 0 } = {}) {
    console.log(`Name: ${name}, Age: ${age}`);
}

That's really helpful! Can I destructure arrays too?

Absolutely! You can destructure arrays in a similar way. For example:

function getCoordinates([x = 0, y = 0]) {
    console.log(`X: ${x}, Y: ${y}`);
}

getCoordinates([10, 20]);