codewarsChallenge57.js

function createGrid([width = 5, height = 5]){
    return `Generates a ${width} x ${height} grid`
}

console.log(createGrid([])); // Generates a 5 x 5 grid
console.log(createGrid([2])); // Generates a 2 x 5 grid
console.log(createGrid([2, 3])); // Generates a 2 x 3 grid
console.log(createGrid([undefined, 3])); // Generates a 5 x 3 grid

// There is a problem with this though, the following code will not work:

createGrid(); // throws an error

//This throws an error because createGrid() expects an array to be passed in that it will then destructure. Since the function was called without passing an array, it breaks. But, we can use default function parameters for this!

/* 
function createGrid([width = 5, height = 5] = []) {
    return `Generates a ${width} x ${height} grid`;
  }
     */

//See that new = [] in the function's parameter? If createGrid() is called without any argument then it will use this default empty array. And since the array is empty, there's nothing to destructure into width and height, so their default values will apply! So by adding = [] to give the entire parameter a default, the following code will now work:

//createGrid(); // Generates a 5 x 5 grid