Làm cách nào bạn có thể nhân đôi các phần tử của một mảng trong javascript?

Tóm lược. trong hướng dẫn này, bạn sẽ học cách làm việc với một mảng đa chiều JavaScript và thao tác các phần tử của nó một cách hiệu quả

Giới thiệu về mảng đa chiều JavaScript

JavaScript không cung cấp mảng đa chiều nguyên bản. Tuy nhiên, bạn có thể tạo một mảng nhiều chiều bằng cách xác định một mảng các phần tử, trong đó mỗi phần tử cũng là một mảng khác

Vì lý do này, chúng ta có thể nói rằng một mảng đa chiều trong JavaScript là một mảng của các mảng. Cách dễ nhất để xác định một mảng nhiều chiều là sử dụng ký hiệu mảng

Để khai báo mảng nhiều chiều rỗng, bạn sử dụng cú pháp tương tự như khai báo mảng một chiều

let activities = [];
Code language: JavaScript [javascript]

Ví dụ sau định nghĩa một mảng hai chiều có tên là

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

9

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

Trong mảng

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

9, thứ nguyên đầu tiên biểu thị hoạt động và thứ nguyên thứ hai hiển thị số giờ dành mỗi ngày cho mỗi

Để hiển thị mảng

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

9 trong console, bạn sử dụng phương thức

console.table[activities];
Code language: JavaScript [javascript]

2 như sau

console.table[activities];
Code language: JavaScript [javascript]

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

  

Code language: plaintext [plaintext]

Lưu ý rằng cột

console.table[activities];
Code language: JavaScript [javascript]

3 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 nhiều 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í dụ sau trả về phần tử thứ hai của mảng bên trong đầu tiên trong mảng

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

9 ở trên

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

0

Thêm 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];
Code language: JavaScript [javascript]

5 và

console.table[activities];
Code language: JavaScript [javascript]

6 để thao tác các phần tử của mảng nhiều chiều

Ví dụ để thêm phần tử mới vào cuối mảng nhiều chiều bạn sử dụng phương thức

console.table[activities];
Code language: JavaScript [javascript]

5 như sau

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

4

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

5

Để chèn một phần tử vào giữa mảng, bạn sử dụng phương thức

console.table[activities];
Code language: JavaScript [javascript]

8. Sau đây chèn một phần tử vào vị trí thứ hai của mảng hoạt động

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];

  

Code language: JavaScript [javascript]

7

Đây là đầu ra

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

8

Ví dụ này tính phần trăm số giờ dành cho từng hoạt động và nối phần trăm vào mảng bên trong

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

9

Sau đây cho thấy đầu ra trong bảng điều khiển

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

0

Xóa các phần tử khỏi mảng đa chiều JavaScript

Để xóa một phần tử khỏi mảng, bạn sử dụng phương thức

console.table[activities];
Code language: JavaScript [javascript]

9 hoặc

console.table[activities];
Code language: JavaScript [javascript]

8

Ví dụ, câu lệnh sau loại bỏ phần tử cuối cùng của mảng

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

9

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

1

đầu ra

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

2

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 nhiều chiều bằng cách sử dụng phương thức

console.table[activities];
Code language: JavaScript [javascript]

9. Ví dụ sau loại bỏ phần tử phần trăm khỏi các mảng bên trong của mảng

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];

  

Code language: JavaScript [javascript]

9

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

3

đầu ra

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

4

Lặp lại các phần tử của mảng đa chiều JavaScript

Để lặp mảng nhiều chiều, bạn sử dụng vòng lặp for lồng nhau như trong ví dụ sau

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

5

Vòng lặp đầu tiên lặp qua các phần tử của mảng bên ngoài và vòng lặp lồng nhau lặp qua các phần tử của mảng bên trong

Phần sau đây cho thấy đầu ra của tập lệnh trong bảng điều khiển

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

6

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 │
└─────────┴─────────────┴───┘
Code language: plaintext [plaintext]

4 hai lần

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

7

đầu ra

let activities = [
    ['Work', 9],
    ['Eat', 1],
    ['Commute', 2],
    ['Play Game', 1],
    ['Sleep', 7]
];
Code language: JavaScript [javascript]

8

Trong hướng dẫn này, bạn đã học cách sử dụng một mảng các mảng để tạo một mảng đa chiều JavaScript

Làm cách nào để nhận các giá trị trùng lặp từ mảng trong Javascript?

Làm cách nào để sao chép phần tử trong Javascript?