Ví dụ sau đây xác định một mảng hai chiều có tên là hoạt động:
let activities = [
['Work', 9],
['Eat', 1],
['Commute', 2],
['Play Game', 1],
['Sleep', 7]
];
Trong mảng hoạt động, chiều thứ nhất đại diện cho hoạt động và lần thứ hai cho thấy số giờ dành mỗi ngày cho mỗi giờ.
Để hiển thị mảng hoạt động trong bảng điều khiển, bạn sử dụng phương thức Console.Table [] như sau:
console.table[activities];
Sau đây minh họa đầu ra:
┌─────────┬─────────────┬───┐ │ [index] │ 0 │ 1 │ ├─────────┼─────────────┼───┤ │ 0 │ 'Work' │ 9 │ │ 1 │ 'Eat' │ 1 │ │ 2 │ 'Commute' │ 2 │ │ 3 │ 'Play Game' │ 1 │ │ 4 │ 'Sleep' │ 7 │ └─────────┴─────────────┴───┘
Lưu ý rằng cột
console.table[activities];
8 dành cho hình minh họa cho biết các chỉ số của mảng bên trong.Để truy cập một phần tử của mảng đa chiều, trước tiên bạn sử dụng dấu ngoặc vuông để truy cập một phần tử của mảng bên ngoài trả về một mảng bên trong; và sau đó sử dụng một khung vuông khác để truy cập phần tử của mảng bên trong.
Ví dụ sau trả về phần tử thứ hai của mảng bên trong đầu tiên trong mảng hoạt động ở trên:
console.log[activities[0][1]]; // 9
Thêm các phần tử vào mảng đa chiều JavaScript
Bạn có thể sử dụng các phương thức mảng như
console.table[activities];
9 và ┌─────────┬─────────────┬───┐
│ [index] │ 0 │ 1 │
├─────────┼─────────────┼───┤
│ 0 │ 'Work' │ 9 │
│ 1 │ 'Eat' │ 1 │
│ 2 │ 'Commute' │ 2 │
│ 3 │ 'Play Game' │ 1 │
│ 4 │ 'Sleep' │ 7 │
└─────────┴─────────────┴───┘
0 để thao tác các phần tử của một mảng đa chiều.Ví dụ: để thêm một phần tử mới ở cuối mảng đa chiều, bạn sử dụng phương thức
console.table[activities];
9 như sau:activities.push[['Study',2]];
┌─────────┬─────────────┬───┐ │ [index] │ 0 │ 1 │ ├─────────┼─────────────┼───┤ │ 0 │ 'Work' │ 9 │ │ 1 │ 'Eat' │ 1 │ │ 2 │ 'Commute' │ 2 │ │ 3 │ 'Play Game' │ 1 │ │ 4 │ 'Sleep' │ 7 │ │ 5 │ 'Study' │ 2 │ └─────────┴─────────────┴───┘
Để chèn một phần tử ở giữa mảng, bạn sử dụng phương thức
┌─────────┬─────────────┬───┐
│ [index] │ 0 │ 1 │
├─────────┼─────────────┼───┤
│ 0 │ 'Work' │ 9 │
│ 1 │ 'Eat' │ 1 │
│ 2 │ 'Commute' │ 2 │
│ 3 │ 'Play Game' │ 1 │
│ 4 │ 'Sleep' │ 7 │
└─────────┴─────────────┴───┘
0. Các phần sau chèn một phần tử ở vị trí thứ hai của mảng hoạt động:activities.splice[1, 0, ['Programming', 2]];
┌─────────┬───────────────┬───┐ │ [index] │ 0 │ 1 │ ├─────────┼───────────────┼───┤ │ 0 │ 'Work' │ 9 │ │ 1 │ 'Programming' │ 2 │ │ 2 │ 'Eat' │ 1 │ │ 3 │ 'Commute' │ 2 │ │ 4 │ 'Play Game' │ 1 │ │ 5 │ 'Sleep' │ 7 │ │ 6 │ 'Study' │ 2 │ └─────────┴───────────────┴───┘
Ví dụ này tính toán tỷ lệ phần trăm của số giờ dành cho mỗi hoạt động và cộng đồng tỷ lệ phần trăm vào mảng bên trong.
activities.forEach[activity => {
let percentage = [[activity[1] / 24] * 100].toFixed[];
activity[2] = percentage + '%';
}];
┌─────────┬───────────────┬───┬───────┐ │ [index] │ 0 │ 1 │ 2 │ ├─────────┼───────────────┼───┼───────┤ │ 0 │ 'Work' │ 9 │ '38%' │ │ 1 │ 'Programming' │ 2 │ '8%' │ │ 2 │ 'Eat' │ 1 │ '4%' │ │ 3 │ 'Commute' │ 2 │ '8%' │ │ 4 │ 'Play Game' │ 1 │ '4%' │ │ 5 │ 'Sleep' │ 7 │ '29%' │ │ 6 │ 'Study' │ 2 │ '8%' │ └─────────┴───────────────┴───┴───────┘
Loại bỏ các yếu tố khỏi mảng đa chiều JavaScript
Để loại bỏ một phần tử khỏi một mảng, bạn sử dụng phương thức
┌─────────┬─────────────┬───┐
│ [index] │ 0 │ 1 │
├─────────┼─────────────┼───┤
│ 0 │ 'Work' │ 9 │
│ 1 │ 'Eat' │ 1 │
│ 2 │ 'Commute' │ 2 │
│ 3 │ 'Play Game' │ 1 │
│ 4 │ 'Sleep' │ 7 │
└─────────┴─────────────┴───┘
3 hoặc ┌─────────┬─────────────┬───┐
│ [index] │ 0 │ 1 │
├─────────┼─────────────┼───┤
│ 0 │ 'Work' │ 9 │
│ 1 │ 'Eat' │ 1 │
│ 2 │ 'Commute' │ 2 │
│ 3 │ 'Play Game' │ 1 │
│ 4 │ 'Sleep' │ 7 │
└─────────┴─────────────┴───┘
0.Ví dụ: câu lệnh sau đây loại bỏ phần tử cuối cùng của mảng hoạt động:
console.table[activities];
01console.table[activities];
Tương tự, bạn có thể loại bỏ các phần tử khỏi mảng bên trong của mảng đa chiều bằng cách sử dụng phương thức
┌─────────┬─────────────┬───┐
│ [index] │ 0 │ 1 │
├─────────┼─────────────┼───┤
│ 0 │ 'Work' │ 9 │
│ 1 │ 'Eat' │ 1 │
│ 2 │ 'Commute' │ 2 │
│ 3 │ 'Play Game' │ 1 │
│ 4 │ 'Sleep' │ 7 │
└─────────┴─────────────┴───┘
3. Ví dụ sau đây loại bỏ phần trăm phần trăm khỏi các mảng bên trong của mảng hoạt động.console.table[activities];
23console.table[activities];
Lặp lại các yếu tố của mảng đa chiều JavaScript
Để lặp lại một mảng đa chiều, bạn sử dụng vòng lặp
┌─────────┬─────────────┬───┐
│ [index] │ 0 │ 1 │
├─────────┼─────────────┼───┤
│ 0 │ 'Work' │ 9 │
│ 1 │ 'Eat' │ 1 │
│ 2 │ 'Commute' │ 2 │
│ 3 │ 'Play Game' │ 1 │
│ 4 │ 'Sleep' │ 7 │
└─────────┴─────────────┴───┘
6 lồng nhau như trong ví dụ sau.console.table[activities];
4Vòng lặp đầu tiên lặp lại trên các phần tử của mảng bên ngoài và vòng lặp lồng nhau lặp lại trên các phần tử của mảng bên trong.
Sau đây cho thấy đầu ra của tập lệnh trong bảng điều khiển:
5console.table[activities];
Hoặc bạn có thể sử dụng phương pháp
┌─────────┬─────────────┬───┐
│ [index] │ 0 │ 1 │
├─────────┼─────────────┼───┤
│ 0 │ 'Work' │ 9 │
│ 1 │ 'Eat' │ 1 │
│ 2 │ 'Commute' │ 2 │
│ 3 │ 'Play Game' │ 1 │
│ 4 │ 'Sleep' │ 7 │
└─────────┴─────────────┴───┘
7 hai lần:console.table[activities];
67console.table[activities];