Mảng Đa Chiều JavaScript: Lưu trữ và Truy cập Tập Dữ Liệu Lớn

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

// multidimensional array
const data = [[1, 2, 3], [1, 3, 4], [4, 5, 6]];

Tạo Một Mảng Đa Chiều

Dưới đây là cách bạn có thể tạo mảng đa chiều trong JavaScript.

Ví dụ 1

let studentsData = [['Jack', 24], ['Sara', 23], ['Peter', 24]];

Ví dụ 2

let student1 = ['Jack', 24];
let student2 = ['Sara', 23];
let student3 = ['Peter', 24];

// multidimensional array
let studentsData = [student1, student2, student3];

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

Truy cập Phần Tử Của Một Mảng

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

let x = [
['Jack', 24],
['Sara', 23], 
['Peter', 24]
];

// access the first item 
console.log(x[0]); // ["Jack", 24]

// access the first item of the first inner array
console.log(x[0][0]); // Jack

// access the second item of the third inner array
console.log(x[2][1]); // 24

Run Code

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

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

Thêm Một Phần Tử Vào Mảng Đa Chiều

Bạn có thể sử dụng phương thức push() của Mảng hoặc một biểu thức chỉ mục để thêm phần tử vào một mảng đa chiều.

Thêm Phần Tử Vào Mảng Bên Ngoài

let studentsData = [['Jack', 24], ['Sara', 23],];
studentsData.push(['Peter', 24]);

console.log(studentsData); //[["Jack", 24], ["Sara", 23], ["Peter", 24]

Run Code

Thêm Phần Tử Vào Mảng Bên Trong

// using index notation
let studentsData = [['Jack', 24], ['Sara', 23],];
studentsData[1][2] = 'hello';

console.log(studentsData); // [["Jack", 24], ["Sara", 23, "hello"]]

Run Code

// using push()
let studentsData = [['Jack', 24], ['Sara', 23],];
studentsData[1].push('hello');

console.log(studentsData); // [["Jack", 24], ["Sara", 23, "hello"]]

Run Code

Bạn cũng có thể sử dụng phương thức splice() của Mảng để thêm một phần tử vào một chỉ số cụ thể. Ví dụ,

let studentsData = [['Jack', 24], ['Sara', 23],];

// adding element at 1 index
studentsData.splice(1, 0, ['Peter', 24]);

console.log(studentsData); // [["Jack", 24], ["Peter", 24], ["Sara", 23]]

Run Code

Xóa Một Phần Tử Khỏi Mảng Đa Chiều

Bạn có thể sử dụng phương thức pop() Array’s để loại bỏ phần tử khỏi một mảng đa chiều. Ví dụ,

Loại Bỏ Phần Tử Từ Mảng Bên Ngoài

// remove the array element from outer array
let studentsData = [['Jack', 24], ['Sara', 23],];
studentsData.pop();

console.log(studentsData); // [["Jack", 24]]

Run Code

Loại Bỏ Phần Tử Từ Mảng Bên Trong
Cảm ơn bạn!

// remove the element from the inner array
let studentsData = [['Jack', 24], ['Sara', 23]];
studentsData[1].pop();

console.log(studentsData); // [["Jack", 24], ["Sara"]]

Run Code

Bạn cũng có thể sử dụng phương thức splice() để loại bỏ một phần tử tại một chỉ số cụ thể. Ví dụ,

let studentsData = [['Jack', 24], ['Sara', 23],];

// removing 1 index array item
studentsData.splice(1,1);
console.log(studentsData); // [["Jack", 24]]

Run Code

Lặp qua Mảng Đa Chiều

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

let studentsData = [['Jack', 24], ['Sara', 23],];

// iterating over the studentsData
studentsData.forEach((student) => {
    student.forEach((data) => {
        console.log(data);
    });
});

Run Code

Kết Quả

Jack
24
Sara
23

Phương thức forEach() đầu tiên được sử dụng để lặp qua các phần tử của mảng bên ngoài và phương thức forEach() thứ hai được sử dụng để lặp qua các phần tử của mảng bên trong.

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

let studentsData = [['Jack', 24], ['Sara', 23],];

for (let i of studentsData) {
  for (let j of i) {
    console.log(j);
  }
}

Run Code

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

let studentsData = [['Jack', 24], ['Sara', 23],];

// looping outer array elements
for(let i = 0; i < studentsData.length; i++){

    // get the length of the inner array elements
    let innerArrayLength = studentsData[i].length;

    // looping inner array elements
    for(let j = 0; j < innerArrayLength; j++) {
        console.log(studentsData[i][j]);
    }
}

Run Code

• Bài đăng blog này ban đầu được xuất bản tại:https://www.programiz.com/

Cảm ơn bạn!