title: 2 dimensional array of class objects in Javascript
body: <p>Trying to make an array of class objects in JS. I don't know how Javascript handles this but instead of a 10x10 grid, all numbers are set to 10 instead of the i and j values I want to assign.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>class Box {
    constructor(width, height, x, y, inside) {
      this.width = width;
      this.height = height;
      this.x = x;
      this.y = y;
      this.inside = inside;
    }
  
    getHeight() {
      return this.height;
    }
  
    setHeight(newHeight) {
      this.height = newHeight;
    }
    let boxes = [
      []
    ];
    let testBox = new Box(1, 1, 1, 1, "Test")
  
    for (let i = 0; i &lt; 11; i++) {
      for (let j = 0; j &lt; 11; j++) {
        boxes[i[j]] = new Box(i, j, i, j, "Test");
      }
    }
  
    console.log(testBox.getHeight()); //Working Example
    console.log(boxes[3[3]].getHeight()); //outputs 10?
    console.log(boxes[4[6]].getHeight()); //outputs 10?</code></pre>
  </div>
  </div>
  </p>