Tạo nhiều mảng javascript

Mảng đa chiều là Mảng chứa các Mảng khác. Ví dụ.

▶︎ (2) [Array(3), Array(4)]

2. Điều này cho phép một cách trực quan để lưu trữ các giá trị 2D, 3D hoặc thậm chí cao hơn. Trong trường hợp đơn giản nhất, ví dụ như Mảng 2D, bạn có thể coi nó giống như một bảng có các hàng, cột và ô giao nhau chứa thông tin giống như trong bảng tính

Khai báo mảng nhiều chiều

Xét Mảng đa chiều ở trên ta có thể hình dung được 4 hàng và 4 cột. Hãy bắt đầu bằng cách mã hóa một ví dụ đơn giản

let a = [[1, 2, 3], [4, 5, 6, 7]];
console.log(a);

Đầu ra của Bảng điều khiển dành cho nhà phát triển trình duyệt.
______0
Chúng ta có thể thấy trong bảng điều khiển một Mảng chứa hai phần tử, cả hai đều là Mảng; . Chúng ta cũng có thể nhận thấy rằng Mảng thứ nhất có ba phần tử và Mảng thứ hai có bốn phần tử. Hãy mở rộng hơn nữa trong bảng điều khiển để xem bên trong Mảng đa chiều. Mảng đầu tiên ở chỉ số 0 và Mảng thứ hai ở chỉ số một. Ngoài ra, hãy lưu ý thuộc tính độ dài của Mảng chính.
______3

Truy cập các phần tử mảng

Để giúp hình dung cách truy cập các phần tử Mảng, bạn có thể mở các Mảng bên trong Mảng chính để xem từng chỉ số và giá trị của nó

▼ (2) [Array(3), Array(4)]
  ▼ 0: Array(3)
        0: 1
        1: 2
        2: 3
        length: 3
      ▶︎ __proto__: Array(0)
  ▼ 1: Array(4)
        0: 4
        1: 5
        2: 6
        3: 7
        length: 4
      ▶︎ __proto__: Array(0)
    length: 2
  ▶︎ __proto__: Array(0)

Hãy viết mã để ghi vào bảng điều khiển giá trị của 

▶︎ (2) [Array(3), Array(4)]

3 từ Mảng thứ hai. Vì Mảng dựa trên số không, hãy sử dụng vị trí chỉ mục của nó để trả về giá trị tương ứng. Truy cập Mảng chính trước bằng cách nhập

▶︎ (2) [Array(3), Array(4)]

4 bên trong câu lệnh

▶︎ (2) [Array(3), Array(4)]

5. Tiếp theo trong bộ dấu ngoặc vuông đầu tiên xác định phần tử nào của Mảng chính chứa phần tử chúng ta đang tìm kiếm; . Cuối cùng, thêm một cặp dấu ngoặc vuông thứ hai và sử dụng chỉ mục được liên kết với giá trị chúng tôi đang tìm kiếm; .

let a = [[1, 2, 3], [4, 5, 6, 7]];
console.log(a);

2
Browser Developer Console output:
____13

Sửa đổi các phần tử mảng

Kỹ thuật Array index tương tự có thể được sử dụng để thay đổi một phần tử mảng. Thay đổi phần tử mà chúng ta vừa chọn từ giá trị 

▶︎ (2) [Array(3), Array(4)]

3 thành giá trị 

▼ (2) [Array(3), Array(4)]
  ▶︎ 0: (3) [1, 2, 3]
  ▶︎ 1: (4) [4, 5, 6, 7]
    length: 2

1 bằng cách sử dụng Phép chọn mảng và Toán tử gán (

▼ (2) [Array(3), Array(4)]
  ▶︎ 0: (3) [1, 2, 3]
  ▶︎ 1: (4) [4, 5, 6, 7]
    length: 2

2)

let a = [[1, 2, 3], [4, 5, 6, 7]];
console.log(a);

7
Đầu ra của Bảng điều khiển dành cho nhà phát triển trình duyệt.
______18

Thách đấu

Trong thử thách của bài học này, chúng ta cần lập bản đồ một khu vực được tạo thành từ ba loại địa hình. sa mạc, cỏ và nước. Nhiệm vụ của chúng ta là chia bản đồ thành các hàng và cột thể hiện vị trí của từng loại địa hình. Đối với điều này, chúng tôi sẽ sử dụng một mảng nhiều chiều về cơ bản là một bảng trong đó mỗi kết hợp hàng và cột tạo ra một ô có thể lưu trữ loại địa hình trong khu vực đó. Điều này sẽ trông tương tự như việc tạo một bảng trong bảng tính

Hãy bắt đầu bằng cách khai báo một biến có tên là địa hình và gán nó cho một Mảng chứa bốn Mảng khác, giống như các hàng trong bảng, khớp với địa hình trong hình trên

let a = [[1, 2, 3], [4, 5, 6, 7]];
console.log(a);

9
Đầu ra của Bảng điều khiển dành cho nhà phát triển trình duyệt.
______20
Mặc dù đây là một Mảng lớn hơn nhưng chúng ta có thể truy cập bất kỳ phần tử Mảng nào giống như chúng ta đã làm trong phần trên. Sử dụng các sơ đồ sau để giúp hình dung quá trình truy cập giá trị sa mạc từ hàng thứ hai (chỉ mục

▶︎ (2) [Array(3), Array(4)]

6); .

▶︎ (2) [Array(3), Array(4)]

0
Browser Developer Console output:
______01

Bảng điểm

Bạn đã đến một hành tinh sắp được địa hình hóa. Chính quyền địa phương nói với bạn rằng họ cần lập bản đồ địa hình trước khi có thể bắt đầu công việc và họ cần bạn giúp đỡ với điều đó. Một cách để lập bản đồ địa hình là chia nó thành các hàng và cột để mỗi ô lưu trữ thông tin về những gì ở phần địa hình đó, ví dụ: sa mạc, cỏ hoặc nước. Tất cả những thứ đó có thể được lưu trữ trong một cấu trúc dữ liệu như thế này

Đối với điều này, chúng ta sẽ sử dụng mảng nhiều chiều. Đó đơn giản là các mảng chứa các mảng khác. Và chúng thường được sử dụng để biểu thị loại dữ liệu hai chiều này. Nếu bạn nghĩ về nó, bạn có thể có một mảng trong đó mỗi hàng đại diện cho toàn bộ danh sách các cột. Vì vậy, bạn có thể có một mảng có bốn mục và sau đó mỗi mục trong số đó có thể là một mảng khác có thể có từng ô. Đó là một chút tổng quan về những gì chúng ta sẽ làm

Hãy chuyển sang trình chỉnh sửa mã của chúng tôi và bắt đầu. Hãy bắt đầu bằng cách xem một ví dụ thực sự đơn giản về một mảng chứa các mảng khác. Vì vậy, tôi sẽ tạo một mảng, hãy gọi nó là a, mảng này sẽ có các mảng khác làm mục nhập. Vì vậy, để tạo một mảng khác ở đây, chỉ cần thêm một cặp dấu ngoặc vuông khác. Vì vậy, đây là một mảng khác. Và trong mảng khác đó, chúng ta có thể giả sử ba số. Sau đó, tôi có thể thêm một mục nhập khác vào mảng của mình và đây có thể là ba số khác hoặc có thể là bốn số. như vậy

Hãy hiển thị điều này trong bảng điều khiển và xem những gì chúng tôi nhận được. Như bạn có thể thấy, nó cho thấy rằng chúng ta có một mảng và mỗi phần tử của mảng này, mỗi mục là một mảng riêng của nó. Vì vậy, nếu bạn mở rộng trên mục đầu tiên đó, bạn có thể thấy rằng nó cũng chứa các mục. Vì vậy, nó là một mảng của riêng mình

Để truy cập các thuộc tính của các mảng này, thật dễ dàng để coi nó là các cấp độ khác nhau. Vì vậy, chúng tôi đang ở mức 0, chúng tôi có một. Mức không chỉ có hai mục. Mục nhập ở vị trí số 0 và cái này ở vị trí một

Ví dụ: nếu tôi muốn lấy số hai này, tất cả những gì tôi phải làm là đảm bảo rằng tôi lấy mảng này trước. Và mảng đó ở vị trí 0. Bây giờ tôi đang ở trong mảng này, tôi có thể thấy rằng số hai ở vị trí không, một. Vì vậy, những gì tôi làm ở đây là thêm một cặp dấu ngoặc vuông khác và chỉ cần nhập một. Nếu chúng tôi hiển thị điều này trong bảng điều khiển, bạn có thể thấy rằng chúng tôi đang lấy số hai đó. Vì vậy, đó là cách tiếp cận mà bạn phải thực hiện

Đầu tiên, bạn quên rằng đây là những mảng. Bạn nghĩ rằng đây có thể là, bạn biết đây có thể là một lá thư. Nó không quan trọng. Điều quan trọng là vị trí của nó. Khi bạn đã lấy mảng, trong trường hợp này, chúng tôi đã lấy mảng đó ở vị trí 0. Chúng ta có thể nghĩ về những gì đang xảy ra bên trong mảng đó và lấy mục nhập tương ứng. Trong trường hợp này, vị trí một

Trước khi chúng ta tiến về phía trước, hãy làm một thử thách nhỏ. Hiển thị bảng điều khiển số sáu này. Vì vậy, hãy cố gắng tìm nó theo cách tương tự như những gì tôi đã làm ở đây. Nếu nó chưa rõ ràng, điều đó hoàn toàn ổn. tôi sẽ chỉ cho bạn giải pháp. Vì vậy, hãy tạm dừng video ngay bây giờ và quay lại để biết câu trả lời

Tuyệt quá. Chà, cách để làm điều đó, trước tiên hãy nhập console dot log, nhập tên mảng của chúng ta, a. Điều đầu tiên là tìm vị trí của cấp cao nhất. Trong trường hợp này, đây là vị trí số không. Đây là vị trí một. Vì vậy, tôi sẽ gõ dấu ngoặc vuông, một. Bây giờ chúng tôi đã tìm thấy mảng mà chúng tôi đang tìm kiếm, chúng tôi cần tìm số sáu đó. Và số sáu đó ở vị trí không, một, hai. Điều đó có nghĩa là một cặp dấu ngoặc vuông khác và vị trí hai. Và điều đó sẽ cho chúng ta số sáu. Và bạn có thể sử dụng phương pháp tương tự nếu bạn muốn sửa đổi số đó

Ví dụ: nếu tôi muốn thay đổi số đó thành một số khác, thay vì sáu, tôi muốn nó là một trăm. Bạn có thể truy cập nó như vậy. Tương tự như bạn làm với mảng thông thường. Và trên thực tế, điều này không thực sự khác biệt với bất kỳ mảng thông thường nào. Tất cả những gì bạn đang làm chỉ là di chuyển từng bước một xuống cấu trúc dữ liệu

Hãy xem ví dụ địa hình của chúng tôi. Làm thế nào chúng ta có thể biểu diễn địa hình này trong một mảng nhiều chiều? . Và nó sẽ là một mảng. Và sau đó mỗi mục trong mảng sẽ là một trong các hàng. Vì vậy, hàng đầu tiên ở đây chứa sa mạc, sa mạc, cỏ, cỏ. Vì vậy, hàng đầu tiên này sẽ là một mảng chứa sa mạc, sa mạc, cỏ và cỏ

Và hãy hiển thị điều này trong bảng điều khiển. Và như bạn có thể thấy, chúng ta có một mảng chỉ có một mục và mục đó là của riêng nó, một mảng. Và mảng đó có tất cả các địa hình này. Chúng ta sẽ thực hiện một thử thách khác tại đây. Tôi sẽ để bạn thêm các hàng còn lại vào mảng này. Vì vậy, hãy tạm dừng video, tiếp tục và sau đó quay lại để tìm giải pháp

Tuyệt quá. Chà, cách tiếp cận ở đây chỉ đơn giản là thêm một dấu phẩy và sau đó thêm từng hàng trong số những hàng khác đó, sau đó chỉ cần thêm dữ liệu cho chúng. Tôi sẽ không nhập tất cả dữ liệu trên màn hình. Vì vậy, tôi đã có nó và tôi chỉ cần sao chép và dán nó. Như bạn có thể thấy nó khá đơn giản về vấn đề đó. Tôi sẽ sửa vết lõm và chúng ta bắt đầu

Vâng, đó là tất cả cho bài học này. Như bạn có thể thấy, mảng có thể chứa các mảng khác dưới dạng các mục nhập. Và truy cập chúng khá đơn giản. Bạn chỉ cần bắt đầu bằng cách tìm vị trí ở cấp cao nhất và sau đó bạn đi xuống từng cấp một. Bạn cũng có thể thấy rằng các mảng nhiều chiều là một cách phổ biến để lưu trữ loại này vào bảng dấu gạch chéo trong JavaScript. Vì vậy, điều này có thể khá hữu ích cho các mục đích khác nhau khi bạn cần lưu trữ loại dữ liệu hai chiều hoặc đa chiều này. Cảm ơn vì đã xem. Tôi sẽ gặp bạn trong bài học tiếp theo

Quan tâm đến việc tiếp tục?

Bạn có thể tạo một mảng nhiều chiều không?

Cách chính xác để tạo một mảng JavaScript với 3 mục là gì?

JavaScript có mảng đa chiều không?

Làm cách nào tôi có thể tạo hai