What is the syntax for destructuring in JavaScript?

Can you explain the syntax for destructuring in JavaScript?

Sure! Destructuring in JavaScript allows you to unpack values from arrays or properties from objects into distinct variables. For example, for an array: const arr = [1, 2, 3]; const [a, b] = arr; will assign 1 to a and 2 to b.

What about destructuring objects?

For objects, you can use curly braces. For example: const obj = { x: 1, y: 2 }; const { x, y } = obj; will assign 1 to x and 2 to y.

Can I set default values while destructuring?

Yes, you can! For example: const { a = 10, b = 20 } = {}; will assign 10 to a and 20 to b since the object is empty.

Is destructuring supported in all browsers?

Destructuring is supported in all modern browsers, but if you need to support older browsers, you might want to check compatibility or use a transpiler like Babel.