nested array destructuring javascript

Nested Array Destructuring in JavaScript#

If you are working with arrays in JavaScript, you might need to extract nested values from them. This is where nested array destructuring comes in handy.

Let's assume we have an array of arrays:

    const numbers = [[1, 2], [3, 4]];
  

We want to extract the values of each individual number. We can do this using nested array destructuring:

    const [[a, b], [c, d]] = numbers;
    console.log(a); // 1
    console.log(b); // 2
    console.log(c); // 3
    console.log(d); // 4
  

Here, we are using the square bracket notation to extract the individual values of each number in the array. We are using two levels of square brackets to indicate that we want to extract the values from the nested array.

We can also use default values in case the array does not have enough values:

    const numbers = [[1]];
    const [[a, b = 2]] = numbers;
    console.log(a); // 1
    console.log(b); // 2
  

In this example, we are assigning a default value of 2 to b in case there is no second value in the nested array.

Nested array destructuring is a powerful tool when working with arrays in JavaScript. It allows you to easily extract values from nested arrays and assign them to variables.