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 nhiều chiều như hình trên ta có thể hình dung được 4 hàng 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. Cũng lưu ý độ dài của thuộc tính 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ở Mảng bên trong Mảng chính để xem từng chỉ mục 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ử 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: 21 bằng cách sử dụng Toán tử gán và chọn mảng [______32]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 địa hình có tên —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ỉ số
▶︎ [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ì có trong 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 đa 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 diễn 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 đó 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à nó nằm ở vị trí nào. 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 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ụ về địa hình của chúng ta. 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?