Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

Mảng đa chiều JavaScript

In lại Tác giả: Người biết Thời gian cập nhật: 2024-03-13 01:47:43 25 4
mua khóa gpt4 Nike

Trong hướng dẫn này, bạn sẽ tìm hiểu về mảng đa chiều trong JavaScript thông qua các ví dụ.
    Mảng nhiều chiều là mảng chứa một mảng khác. Ví dụ,

// mảng đa chiều const data = [[1, 2, 3], [1, 3, 4], [4, 5, 6]];
Tạo mảng đa chiều

Đây là cách tạo mảng đa chiều trong JavaScript.
    Ví dụ 1

let sinh viênData = [['Jack', 24], ['Sara', 23], ['Peter', 24]];

Ví dụ 2

let sinh viên1 = ['Jack', 24]; let sinh viên2 = ['Sara', 23]; let sinh viên3 = ['Peter', 24]; // mảng đa chiều let sinh viênData = [student1, sinh viên2, sinh viên3];

Ở đây, cả Ví dụ 1 và Ví dụ 2 đều tạo một mảng nhiều chiều có cùng dữ liệu.

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

Bạn có thể truy cập các phần tử của mảng nhiều chiều bằng cách sử dụng các chỉ số (0, 1, 2…). Ví dụ,

let x = [ ['Jack', 24], ['Sara', 23], ['Peter', 24] ]; // truy cập mục đầu tiên console.log(x[0]); ", 24] // truy cập mục đầu tiên của mảng bên trong đầu tiên console.log(x[0][0]); // Jack // truy cập mục thứ hai của mảng bên trong thứ ba console.log(x[2] [1]); // 24

Bạn có thể coi mảng nhiều chiều (x trong trường hợp này) là một bảng có 3 hàng và 2 cột.

Truy cập các phần tử mảng đa chiều

Thêm phần tử vào mảng nhiều chiều

Có thể được sử dụngPhương thức push() của mảnghoặc ký hiệu chỉ mục để thêm các phần tử vào mảng nhiều chiều.

Thêm phần tử vào mảng ngoài
let sinh viênData = [['Jack', 24], ['Sara', 23],]; StudentsData.push(['Peter', 24]); console.log(studentsData); 24], ["Sara", 23], ["Peter", 24]
Thêm phần tử vào mảng bên trong
// sử dụng ký hiệu chỉ mục let StudentsData = [['Jack', 24], ['Sara', 23],]; StudentsData[1][2] = 'hello'; "Jack", 24], ["Sara", 23, "xin chào"]]
// sử dụng push() let StudentsData = [['Jack', 24], ['Sara', 23],]; StudentsData[1].push('hello'); console.log(studentsData); ["Jack", 24], ["Sara", 23, "xin chào"]]

Cũng có sẵnphương thức splice() của mảngThêm một phần tử vào chỉ mục đã chỉ định. Ví dụ,

let sinh viênData = [['Jack', 24], ['Sara', 23],]; // thêm phần tử tại 1 chỉ mục sinh viênData.splice(1, 0, ['Peter', 24]); sinh viênData); // [["Jack", 24], ["Peter", 24], ["Sara", 23]]
Loại bỏ các phần tử khỏi mảng đa chiều

Có thể được sử dụngphương thức pop() của mảngLoại bỏ các phần tử khỏi mảng nhiều chiều. Ví dụ,

Xóa các phần tử khỏi mảng bên ngoài
// loại bỏ phần tử mảng khỏi mảng bên ngoài let StudentsData = [['Jack', 24], ['Sara', 23],]; StudentsData.pop(); ", hai mươi bốn]]
Xóa các phần tử khỏi mảng bên trong
// xóa phần tử khỏi mảng bên trong let StudentsData = [['Jack', 24], ['Sara', 23]]; StudentsData[1].pop(); "Jack", 24], ["Sara"]]

Bạn cũng có thể sử dụng phương thức splice() để xóa phần tử tại một chỉ mục đã chỉ định. Ví dụ,

let sinh viênData = [['Jack', 24], ['Sara', 23],]; // xóa 1 mục mảng chỉ mục StudentsData.splice(1,1); console.log(studentsData); Jack", 24]]
Lặp lại trên mảng đa chiều

Bạn có thể lặp qua một mảng nhiều chiều bằng phương thức forEach() của mảng nhiều chiều. Ví dụ,

let sinh viênData = [['Jack', 24], ['Sara', 23],]; // lặp lại sinh viênData StudentsData.forEach((student) => { sinh viên.forEach((data) => { console. nhật ký(dữ liệu); });

đầu ra

Jack 24 Sara 23

Phương thức forEach() đầu tiên được sử dụng để lặp các phần tử mảng bên ngoài và phương thức forEach() thứ hai được sử dụng để lặp các phần tử mảng bên trong.
    Bạn cũng có thể sử dụng vòng lặp for…of để lặp qua các mảng nhiều chiều. Ví dụ,

let sinh viênData = [['Jack', 24], ['Sara', 23],]; for (let i of StudentsData) { for (let j of i) { console.log(j);

Bạn cũng có thể sử dụng vòng lặp for để duyệt mảng nhiều chiều. Ví dụ,

let sinh viênData = [['Jack', 24], ['Sara', 23],]; // lặp các phần tử mảng bên ngoài for(let i = 0; i < StudentsData.length; i++){ // lấy độ dài của các phần tử mảng bên trong let InnerArrayLength = StudentsData[i].length; // lặp các phần tử mảng bên trong for(let j = 0; j < InnerArrayLength; j++) { console.log(studentsData[i][j]);

Hướng dẫn trước ：Mảng JS                                          Hướng dẫn tiếp theo ：Chuỗi JS

Tài liệu tham khảo

[1] Parewa Labs Pvt. Ltd. (2022, ngày 1 tháng 1). Bắt đầu với JavaScript, từ Parewa Labs Pvt Ltd.

25 4 0
Bài viết khuyến nghị: MongoDB - hoạt động $match của đường ống tổng hợp
Bài viết khuyến nghị: Bộ vi điều khiển STM8 tiêu thụ điện năng thấp---Thực hiện chế độ Dừng hoạt động-1
Bài viết khuyến nghị: SpringBoot tích hợp xác thực dữ liệu tùy chỉnh Hibernate và nhiều phương pháp xử lý ngoại lệ
Bài viết khuyến nghị: ThreadLocal trong thực tế
người biết
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress