JavaScript Multidimensional Arrays

Subject: JavaScript

In JavaScript, a multidimensional array is simply an array where each element is itself another array. This structure is useful for representing tables, grids, or matrices.


What is a Multidimensional Array?

A multidimensional array is essentially an array of arrays. The most common type is a 2D array, which you can think of as rows and columns:

  • matrix[0] returns [1, 2, 3]
  • matrix[0][1] returns 2

Accessing Elements

Access elements using two indices:

This targets row 2 and column 3 (index starts at 0).


Looping Through a 2D Array

Use nested for loops:


Creating a Multidimensional Array Programmatically


Modifying Elements

Update values using direct index access:


Use Cases of Multidimensional Arrays

  • Representing game boards (like tic-tac-toe)
  • Building tables or grids
  • Performing matrix operations in math
  • Managing tabular or CSV data

Multidimensional Array of Objects

You can nest objects inside arrays:


Three-Dimensional Arrays

A 3D array is an array of arrays of arrays:


Key Takeaways

  • Multidimensional arrays are arrays that contain other arrays as elements.
  • They're useful for grid structures, matrix logic, or tabular data.
  • JavaScript supports flexible nesting to simulate multidimensional structures.
  • Elements are accessed via multiple indices like array[i][j].
  • Use nested loops for iteration and modify elements via direct assignment.
Next : Array Destructuring