Mảng hai chiều trong JavaScript

• Trần Thị Vân
• 1066
• 24/08/2025

Chức năng của Mảng hai chiều trong JavaScript

Mảng hai chiều trong JavaScript dùng để chứa nhiều mảng, mỗi mảng là một hàng, mỗi hàng có các cột bằng nhau.

Khai báo mảng hai chiều trong JavaScript

// Khai báo mảng bằng Array
var manghct = new Array(
new Array(6,2,8,4,9),
new Array(5,3,7,2,6),
new Array(1,9,8,2,5)
);

// Khai báo mảng bằng dấu vuông
var manghcv = [
[6,2,8,4,9],
[5,3,7,2,6],
[1,9,8,2,5]
] ;

<script>
// Khai báo mảng bằng dấu vuông
var manghcv = [
[6,2,8,4,9],
[5,3,7,2,6],
[1,9,8,2,5]
] ;
// Lấy phần tử ở hàng thứ 0 và cột 4, vị trí bắt đầu của hàng và cột là 0
document.write(manghcv [0][4]+"<br>"); // Kết quả: 9

// Khai báo mảng bằng Array
var manghct = new Array(
new Array(6,2,8,4,9),
new Array(5,3,7,2,6),
new Array(1,9,8,2,5)
);
// Lấy phần tử ở hàng thứ 1 và cột 4, vị trí bắt đầu của hàng và cột là 0
document.write(manghct [1][4]+"<br>"); // Kết quả: 6
</script>

Kết quả:

9
6

Chạy Thử

Duyệt Mảng hai chiều trong JavaScript

<script>
// Khai báo mảng bằng dấu vuông
var manghcv = [
[6,2,8,4,9],
[5,3,7,2,6],
[1,9,8,2,5]
] ;

// Lặp theo hàng
for (var i = 0; i < manghcv.length; i++){ 
// manghcv.length đếm số hàng của mảng, số mảng con, đang có 3 hàng
    for (var j = 0; j < manghcv[i].length; j++){ 
        // đếm mỗi hàng có bao nhiêu phần tử
        document.write("Hàng "+[i]+" Cột "+[j]+": "+manghcv[i][j]+"<br>");
        // Lặp qua các cột của từng hàng, hàng đầu tiên là 0
    }
}
</script>

Kết quả:

Hàng 0 Cột 0: 6
Hàng 0 Cột 1: 2
Hàng 0 Cột 2: 8
Hàng 0 Cột 3: 4
Hàng 0 Cột 4: 9
Hàng 1 Cột 0: 5
Hàng 1 Cột 1: 3
Hàng 1 Cột 2: 7
Hàng 1 Cột 3: 2
Hàng 1 Cột 4: 6
Hàng 2 Cột 0: 1
Hàng 2 Cột 1: 9
Hàng 2 Cột 2: 8
Hàng 2 Cột 3: 2
Hàng 2 Cột 4: 5

Chạy Thử

Thêm phần tử vào Mảng hai chiều trong JavaScript

Thêm vào cuối Mảng hai chiều trong JavaScript

<script>
// Khai báo mảng bằng dấu vuông
var manghcv = [] ;

// Thêm vào cuối mảng bằng hàm push
manghcv .push([6,2,8,4,9]);
manghcv .push([5,3,7,2,6]);
manghcv .push([1,9,8,2,5]);

// Lặp theo hàng
for (var i = 0; i < manghcv.length; i++){ 
// manghcv.length đếm số hàng của mảng, số mảng con, đang có 3 hàng
    for (var j = 0; j < manghcv[i].length; j++){ 
    // đếm mỗi hàng có bao nhiêu phần tử
       if(manghcv[i].length-1==j){
       var bien = manghcv[i][j]+"<br>";
       }else{
        var bien = manghcv[i][j]+" - ";
       }
       document.write(bien);
       // Lặp qua các cột của từng hàng, hàng đầu tiên là 0
    }
}
</script>

Kết quả:

6 - 2 - 8 - 4 - 9
5 - 3 - 7 - 2 - 6
1 - 9 - 8 - 2 - 5

Chạy Thử

Thêm vào đầu Mảng hai chiều trong JavaScript

<script>
// Khai báo mảng bằng dấu vuông
var manghcv = [] ;

// thêm vào đầu mảng bằng hàm unshift
manghcv .unshift([6,2,8,4,9]);
manghcv .unshift([5,3,7,2,6]);
manghcv .unshift([1,9,8,2,5]);

// Lặp theo hàng
for (var i = 0; i < manghcv.length; i++){
// manghcv.length đếm số hàng của mảng, số mảng con, đang có 3 hàng
    for (var j = 0; j < manghcv[i].length; j++){
    // đếm mỗi hàng có bao nhiêu phần tử
       if(manghcv[i].length-1==j){
        var bien = manghcv[i][j]+"<br>";
       }else{
        var bien = manghcv[i][j]+" - ";
       }
       document.write(bien);  // Lặp qua các cột của từng hàng, hàng đầu tiên là 0
    }
}
</script>

Kết quả:

1 - 9 - 8 - 2 - 5
5 - 3 - 7 - 2 - 6
6 - 2 - 8 - 4 - 9

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Mảng hai chiều trong JavaScript.