const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) // 1 console.log(foo) // 3

This example demonstrates nested destructuring of objects and arrays in JavaScript.

const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] };

console.log(bar); // 1
console.log(foo); // 3

Explanation:

• The property foo from the object, which is an array [1], is extracted, and its first element is assigned to the variable bar.
• The property bar from the object, which is an array with one object { baz: 3 }, is extracted, and its baz field is assigned to the variable foo.

Thus, bar gets the value 1, and foo gets the value 3. This is an example of how to destructure nested objects and arrays simultaneously with variable renaming.