Khái niệm

Mảng là một phần quan trọng trong lập trình JavaScript, cho phép lưu trữ và quản lý nhiều giá trị trong một cấu trúc dữ liệu duy nhất.

Khai báo và khởi tạo mảng

Trong JavaScript, chúng ta có thể khai báo và khởi tạo mảng bằng cách sử dụng cặp dấu ngoặc vuông []. 

let numbers = [1, 2, 3, 4, 5];
let fruits = ["apple", "banana", "orange"];

Ở ví dụ trên, chúng ta đã tạo một mảng numbers với 5 phần tử là các số từ 1 đến 5, và một mảng fruits với 3 phần tử là các loại trái cây.

Truy cập và chỉnh sửa phần tử trong mảng

Để truy cập vào một phần tử trong mảng, chúng ta có thể sử dụng chỉ số của phần tử đó. Chỉ số trong JavaScript bắt đầu từ 0. 

let numbers = [1, 2, 3, 4, 5];

console.log(numbers[0]); // Kết quả: 1
console.log(numbers[2]); // Kết quả: 3

Chúng ta cũng có thể chỉnh sửa giá trị của một phần tử trong mảng bằng cách gán giá trị mới cho phần tử đó. 

let numbers = [1, 2, 3, 4, 5];
numbers[2] = 10;

console.log(numbers); // Kết quả: [1, 2, 10, 4, 5]

Các phương thức mảng

JavaScript cung cấp nhiều phương thức hữu ích để thao tác với mảng. Dưới đây là một số phương thức phổ biến:

• push(): Thêm một phần tử vào cuối mảng.
• pop(): Xóa phần tử cuối cùng khỏi mảng và trả về phần tử đã xóa.
• shift(): Xóa phần tử đầu tiên khỏi mảng và trả về phần tử đã xóa.
• unshift(): Thêm một phần tử vào đầu mảng.
• slice(): Sao chép một phần của mảng và trả về một mảng mới.
• splice(): Thay đổi nội dung của mảng bằng cách xóa, thêm hoặc thay thế các phần tử.

Dưới đây là ví dụ về cách sử dụng một số phương thức này:

let fruits = ["apple", "banana", "orange"];

fruits.push("grape"); // Thêm "grape" vào cuối mảng
fruits.pop(); // Xóa phần tử cuối cùng khỏi mảng

fruits.shift(); // Xóa phần tử đầu tiên khỏi mảng
fruits.unshift("kiwi"); // Thêm "kiwi" vào đầu mảng

let slicedFruits = fruits.slice(1, 3); // Sao chép các phần tử từ chỉ số 1 đến 2 (không bao gồm chỉ số 3)
fruits.splice(1, 2, "pear", "pineapple"); // Xóa 2 phần tử từ chỉ số 1 và thay thế bằng "pear" và "pineapple"

console.log(fruits); // Kết quả: ["kiwi", "pear", "pineapple"]
console.log(slicedFruits); // Kết quả: ["pear", "pineapple"]

Vòng lặp qua các phần tử trong mảng

Để lặp qua từng phần tử trong mảng, chúng ta có thể sử dụng vòng lặp for hoặc vòng lặp forEach.

let numbers = [1, 2, 3, 4, 5];

for (let i = 0; i < numbers.length; i++) {
  console.log(numbers[i]);
}

numbers.forEach(function(number) {
  console.log(number);
});

Cả hai phương pháp trên sẽ hiển thị các phần tử trong mảng numbers trên console.