JavaScript Array of Arrays
Last Updated :
29 Nov, 2024
An array of arrays also known as a multidimensional array is simply an array that contains other arrays as its element. This structure allows you to store and organize data in a tabular format or a nested structure, making it easier to work with complex data in your applications.
JavaScript
let mat = [
[1, 2, 3], // First sub-array
[4, 5, 6], // Second sub-array
[7, 8, 9] // Third sub-array
];
console.log(mat[0][1]);
- The outer array contains three inner arrays.
- Each inner array has its own set of numbers.
Accessing Elements in an Array of Arrays
To access an element inside an array of arrays, you need to specify two indices:
- The first index refers to the array (or row).
- The second index refers to the element within that array (or column).
JavaScript
let mat = [
[1, 2, 3], // First array
[4, 5, 6], // Second array
[7, 8, 9] // Third array
];
// Accessing the element at the second row, third column
console.log(mat[1][2]);
In this case, mat[1][2] refers to the element in the second sub-array ([4, 5, 6]) at the third position (which is 6).
Modifying Elements in an Array of Arrays
Just like regular arrays, you can modify the elements inside an array of arrays using their indices.
JavaScript
let mat = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
// Changing the element at the first row, second column to 10
mat[0][1] = 10;
console.log(mat);
Output[ [ 1, 10, 3 ], [ 4, 5, 6 ], [ 7, 8, 9 ] ]
Here, we modify the value at index [0][1], changing 2 to 10.
Looping Through an Array of Arrays
You can use loops (like for, forEach, or map) to iterate through an array of arrays and access each individual element.
JavaScript
let mat = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
// Using nested loops to access each element
for (let i = 0; i < mat.length; i++) {
for (let j = 0; j < mat[i].length; j++) {
console.log(mat[i][j]);
}
}
Array of Arrays: Practical Uses
1. Representing a Matrix
An array of arrays is commonly used to represent a matrix (a grid of rows and columns). For example, a 3x3 matrix of numbers could be represented like this:
let mat = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
This is ideal for operations such as matrix multiplication or performing transformations in graphics programming.
2. Storing Tables or Grids
In web development, an array of arrays can represent data in a tabular format, where each row is an array containing the columns:
let table = [
["Name", "Age", "City"],
["Amit", 25, "Delhi"],
["Rohit", 30, "Chennai"],
["Pankaj", 35, "Amritsar"]
];
This could be useful when dealing with dynamic tables or grids of data, such as in spreadsheets or dashboards.
3. Storing Grouped Data
An array of arrays is also useful for organizing grouped data, such as storing lists of items in different categories:
let mat = [
["Apple", "Banana", "Cherry"], // Fruits
["Carrot", "Lettuce", "Spinach"], // Vegetables
["Chicken", "Beef", "Pork"] // Meats
];
Here, each sub-array represents a group of related items.
Flattening an Array of Arrays
Sometimes, you might want to convert a nested array into a single array. This is known as flattening the array. JavaScript provides a convenient method flat() to achieve this.
JavaScript
let mat = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
// Flattening the array of arrays
let flatA = mat.flat();
console.log(flatA);
Output[
1, 2, 3, 4, 5,
6, 7, 8, 9
]
The flat() method combines all elements into a single array.
Array of Different Sizes
In JavaScript, arrays can have different sizes, meaning they can hold any number of elements. You can add or remove items from an array, and its size will change accordingly.
JavaScript
// Array of arrays with different sizes
let arrOfArr = [
[1, 2, 3], // Array of size 3
[4, 5], // Array of size 2
[6, 7, 8, 9], // Array of size 4
[10] // Array of size 1
];
// Accessing individual arrays
console.log(arrOfArr[0]);
console.log(arrOfArr[1]);
console.log(arrOfArr[2]);
console.log(arrOfArr[3]);
Output[ 1, 2, 3 ]
[ 4, 5 ]
[ 6, 7, 8, 9 ]
[ 10 ]
Array of different types
This code creates a 2D array where each sub-array contains different types of data, such as strings, numbers, mixed types, and objects. You can access specific elements by referencing their row and column indices.
JavaScript
let mergedArray = [
[ "apple", "banana", "cherry" ], // Array of strings
[ 10, 20, 30, 40 ], // Array of numbers
[42, "hello", true, 3.14], // Array of mixed types (numbers, strings, booleans)
[{name : "Alice", age : 25}, {name : "Bob", age : 30}] // Array of objects
];
// Accessing elements from each sub-array
console.log(mergedArray[0][1]);
console.log(mergedArray[1][2]);
console.log(mergedArray[2][3]);
console.log(mergedArray[3][1].name);
Similar Reads
JavaScript Multidimensional Array A multidimensional array in JavaScript is an array that contains other arrays as its elements. These are often used to represent data in a grid or matrix format. In JavaScript, there is no direct syntax for multidimensional arrays, but you can achieve this by creating arrays within arrays.Creating a
4 min read
JavaScript Array Interview Questions and Answers JavaScript Array Interview Questions and Answers contains the list of top 50 array based questions that are frequently asked in interviews. The questions list are divided based on difficulty levels (Basic, Intermediate, and Advanced). This guide covers fundamental concepts, common problems, and prac
15+ min read
JavaScript Indexed Collections Indexed collections in JavaScript refer to data structures like arrays, where elements are stored and accessed by numerical indices. Arrays allow for efficient storage and retrieval of ordered data, providing methods for manipulation and traversal of their elements. Example an array called 'student'
5 min read
Java ArrayList of Arrays ArrayList of arrays can be created just like any other objects using ArrayList constructor. In 2D arrays, it might happen that most of the part in the array is empty. For optimizing the space complexity, Arraylist of arrays can be used. ArrayList<String[ ] > geeks = new ArrayList<String[ ]
2 min read
Array Declarations in Java (Single and Multidimensional) In Java, an Array is used to store multiple values of the same type in a single variable. There are two types of arrays in Java:Single-dimensional arraysMulti-dimensional arraysIn this article, we are going to discuss how to declare and use single and multidimensional arrays in Java.Single-Dimension
6 min read
How to Declare an Array in Java? In Java programming, arrays are one of the most essential data structures used to store multiple values of the same type in a single variable. Understanding how to declare an array in Java is very important. In this article, we will cover everything about array declaration, including the syntax, dif
3 min read
Arrays in Java Arrays in Java are one of the most fundamental data structures that allow us to store multiple values of the same type in a single variable. They are useful for storing and managing collections of data. Arrays in Java are objects, which makes them work differently from arrays in C/C++ in terms of me
15+ min read
Java Array Exercise An array is a group of elements with similar data types that are bound together as one. The array allows us to store and manipulate a collection of elements together. Mastering arrays is essential for any Java developer, as it provides a solid foundation for more complex data structures and algorith
7 min read
How to Fill (initialize at once) an Array in Java? An array is a group of like-typed variables that are referred to by a common name. In this, article we will learn about Filling array in Java while Initialization.Example:Java// Java program to fill the element in an array import java.util.*; public class Geeks { public static void main(String args[
3 min read
25 Interesting Facts about Arrays in Java Java arrays are the workhorses of many programs, offering a structured way to store and manipulate data. While arrays are a fundamental concept, there are intriguing facts that developers may not be aware of for Java Arrays. In this blog post, we'll explore 25 interesting facts about arrays in Java,
8 min read