Duy Nguyen Hoang A fully enthusiastic boy

JS From Zero To Hero – P2: Array & Loop

2 min read

js javascript

Lại là Hồng Di đây, trong bài này chúng ta sẽ cùng tìm hiểu về array và loop trong JS nhé!

1. Array (Mảng) trong JavaScript

1.1. Khái Niệm Cơ Bản

Trong JavaScript, mảng là một cấu trúc dữ liệu cho phép lưu trữ nhiều giá trị trong một biến duy nhất. Điều này giúp quản lý và sắp xếp dữ liệu một cách hiệu quả. Dưới đây là cách khai báo một mảng đơn giản:

let colors = ['Red', 'Green', 'Blue'];

Ở đây, chúng ta đã tạo một mảng colors chứa ba phần tử là ‘Red’, ‘Green’, và ‘Blue’.

1.2. Truy Cập Phần Tử trong Mảng

Để truy cập một phần tử trong mảng, chúng ta sử dụng chỉ số (index) của nó. Lưu ý rằng chỉ số trong mảng JavaScript bắt đầu từ 0. Ví dụ:

let firstColor = colors[0]; // Giá trị là 'Red'
let secondColor = colors[1]; // Giá trị là 'Green'

1.3. Thêm và Xóa Phần Tử

Để thêm một phần tử vào cuối mảng, chúng ta sử dụng phương thức push():

colors.push('Yellow');
// Mảng colors bây giờ là ['Red', 'Green', 'Blue', 'Yellow']

Để xóa phần tử cuối cùng của mảng, sử dụng pop():

colors.pop();
// Mảng colors bây giờ là ['Red', 'Green', 'Blue']

Tương tự, ta có thể thực hiện các thao tác: Thêm 1 phần tử vào đầu mảng, xóa 1 phần tử ở đầu mảng, thêm 1 phần tử vào 1 vị trí bất kì trong mảng, xóa 1 phần tử tại 1 vị trí bất kì trong mảng…. (Tham khảo thêm tại: Note Training JS Basic – NCC Sài Gòn QA)

2. Loop (Vòng Lặp) trong JavaScript

2.1. Vòng Lặp for

Vòng lặp for là vòng lặp để lặp KHI BIẾT TRƯỚC SỐ LẦN LẶP. Dưới đây là một ví dụ:

// Giải thích:
// Khởi tạo biến đếm i = 0;
// Khi nào i còn bé hơn colors.length (độ dài mảng colors) thì còn lặp
// Sau mỗi lần chạy xong các lệnh trong cặp ngoặc { }, thực hiện i++ (tăng i lên 1 đơn vị)

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

Trong ví dụ này, chúng ta sử dụng for để duyệt qua mảng colors và in ra từng màu sắc.

2.2. Vòng Lặp while

Vòng lặp while dùng để lặp KHI CHƯA BIẾT TRƯỚC SỐ LẦN LẶP NHƯNG BIẾT ĐIỀU KIỆN LẶP

Ví dụ: Tính tổng SUM các số nguyên dương liên tiếp trong tập hợp Z*, bắt đầu từ 0. Xuất ra kết quả khi tổng lớn hơn 1 số nguyên dương NUM cho trước.

Đối với bài trên, ta nhận thấy sẽ cần lặp lại thao tác cộng các số 0, 1, 2, 3, …. nhưng không biết chính xác cần lặp bao nhiêu lần. Tuy nhiên ta sẽ biết điều kiện để ngừng lặp là SUM > NUM. Ta có thể ứng dụng vòng lặp while để giải quyết bài toán trên như sau

var sum = 0;
var z = 0;             // Biến số nguyên
var num = 100000;      // Ở đây tôi ví dụ giới hạn NUM là 100000
while (sum <= num) {   // Khi nào sum còn <= num thì còn lặp
    sum = sum + z;     // Cộng thêm z vào sum
    z++;               // Tăng Z thêm 1 đơn vị
}

Kết Luận

Qua bài viết này, bạn đã học được cách sử dụng mảng và vòng lặp trong JavaScript. Đây là những công cụ quan trọng giúp bạn làm việc với dữ liệu một cách linh hoạt và hiệu quả. Hãy tiếp tục theo dõi để khám phá thêm về JavaScript và lập trình!

Avatar photo
Duy Nguyen Hoang A fully enthusiastic boy

Clean Code: Nguyên tắc viết hàm trong lập trình…

Trong quá trình phát triển phần mềm, việc viết mã nguồn dễ đọc, dễ hiểu là yếu tố then chốt để đảm bảo code...
Avatar photo Dat Tran Thanh
3 min read

Clean Code: Nguyên tắc comment trong lập trình

Trong lập trình, code không chỉ là một tập hợp các câu lệnh để máy tính thực thi, mà còn là một hình thức...
Avatar photo Dat Tran Thanh
3 min read

Clean Code: Nguyên tắc xử lý lỗi (Error Handling)

Trong quá trình phát triển phần mềm, việc xử lý lỗi không chỉ là một phần quan trọng mà còn ảnh hưởng trực tiếp...
Avatar photo Dat Tran Thanh
4 min read

Leave a Reply

Your email address will not be published. Required fields are marked *