Hướng dẫn what is 2d array in javascript? - mảng 2d trong javascript là gì?

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);

Để 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);

┌─────────┬─────────────┬───┐
│ (index) │      0      │ 1 │
├─────────┼─────────────┼───┤
│    0    │   'Work'    │ 9 │
│    1    │    'Eat'    │ 1 │
│    2    │  'Commute'  │ 2 │
│    3    │ 'Play Game' │ 1 │
│    4    │   'Sleep'   │ 7 │
└─────────┴─────────────┴───┘

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);

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 │
└─────────┴─────────────┴───┘

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 │
└─────────┴─────────────┴───┘

┌─────────┬─────────────┬───┐
│ (index) │      0      │ 1 │
├─────────┼─────────────┼───┤
│    0    │   'Work'    │ 9 │
│    1    │    'Eat'    │ 1 │
│    2    │  'Commute'  │ 2 │
│    3    │ 'Play Game' │ 1 │
│    4    │   'Sleep'   │ 7 │
└─────────┴─────────────┴───┘

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);

console.table(activities);

1

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 │
└─────────┴─────────────┴───┘

console.table(activities);

console.table(activities);

3

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 │
└─────────┴─────────────┴───┘

console.table(activities);

Vò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:

console.table(activities);

5

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 │
└─────────┴─────────────┴───┘

console.table(activities);

console.table(activities);

7

Có mảng 2D trong JavaScript không?

Mảng 2D là gì?

Ví dụ mảng 2D là gì?

Mục đích của mảng 2D là gì?