Mảng hai chiều trong JavaScript

• Trần Ngọc Thanh
• 39
• 24/08/2025

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, chi tiết như nào hãy cùng chúng tôi phân tích:

Mảng hai chiều trong JavaScript

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

<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
var bien = manghcv [0][4]; // Kết quả: 9
document.write(bien+"<br>"); 
// 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
var bien2 = manghct [1][4]; // Kết quả: 6
document.write(bien2+"<br>"); 
</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ử
        var bien = "Hàng "+[i]+" Cột "+[j]+": "+manghcv[i][j]+"<br>";
        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ả:

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.