What is the method for initializing a Multidimensional Array of a specific size using Typescript?

Question

What is the method for initializing a Multidimensional Array of a specific size using Typescript?

Here is the code snippet...

export class Puzzle {
  pieces : Piece[];
  orderedPieces : Piece[][];
  constructor(width: number, height: number){
    this.height = height, this.width = width;
    let total : number = width * height;
    this.pieces = new Array<Piece>(total);
    this.orderedPieces = new Piece[height][width]; // How should I properly initialize this?
  }
  ...
}

In TypeScript, how can I correctly declare a structure like this?

The error message says...

Cannot read property '2' of undefined

javascript multidimensional-array typescript

Answer 1

Answer №1

As far as I know, there isn't a built-in way to create a multidimensional array in one line of JavaScript code.

You would need to manually initialize each sub-array like this:
this.grid = new Array(this.rows);
for (let r = 0; r < this.rows; r++) {
    this.grid[r] = new Array(this.cols);
}

Answer 2

As far as I know, there isn't a built-in way to create a multidimensional array in one line of JavaScript code.

You would need to manually initialize each sub-array like this:
this.grid = new Array(this.rows);
for (let r = 0; r < this.rows; r++) {
    this.grid[r] = new Array(this.cols);
}

What is the method for initializing a Multidimensional Array of a specific size using Typescript?

Answer №1

Similar questions

Error occurs with Formik form after selecting an option from a react-select list

Using AngularJS to dynamically assign classes with values derived from an ng-repeat loop

The Ionic Image breaks upon publication and installation of the apk

Guide to customizing marker colors on APEXCHARTS in a Next.js project

How to Toggle the :invalid State to True on a Dropdown Element Using JQuery

What is the process for downloading a .docx file encoded in Base64?

What are the most widely used NodeJS framework and library choices currently available?

What is the best way to retrieve multiple image file names using JavaScript?

Calling GraphQL mutations in ReactPGA

What sets 'rxjs/operators' apart from 'rxjs/add/operator/'?

Using Jquery to dynamically add an active class to a link if it matches the current URL

JavaScript Error: The code is expecting an object when creating a new instance,

The use of ReactDom.render is no longer permissible in Next.js

JavaScript's concise ternary operation can be used for quick if/else statements when conducting

Mongoose consistently fails to properly save dates

Error: The window object is not found in this context when initializing the Commerce module from the commerce.export.js file located in the node_modules folder within the @chec

Contrasting deleting a node_module folder with running npm uninstall to remove a specific package

Removing vacant rows from a table using Jquery in asp.net mvc

Ways to incorporate onload animation into a Pie chart with billboard js

Using Angular to dynamically append HTML elements in a form with ng-repeat