Máy tính sinh ra là để làm những việc lặp đi lặp lại không biết mệt.

• Bản chất: Thay vì copy/paste 100 dòng code, bạn viết 1 dòng và bảo máy tính: "Ê, chạy cái này 100 lần cho tao".

• Cấu trúc 3 bước của for: for (1. Khởi động ; 2. Điều kiện chạy ; 3. Bước nhảy)

• Khởi động: let i = 0 (Bắt đầu đếm từ 0).

• Điều kiện: i < 100 (Chừng nào chưa tới 100 thì vẫn làm).

• Bước nhảy: i++ (Làm xong 1 lần thì tăng bộ đếm lên 1).

• Tư duy Growth Engineer: Bạn có mảng danh sách 10.000 email khách hàng. Bạn dùng vòng lặp for bốc từng email ra, gắn vào API của Mailchimp để gửi chiến dịch tự động.

3. Toán Tử Logic — Bộ Lọc Điều Kiện Phức Tạp

Để viết được các điều kiện if xịn, bạn cần các toán tử để gộp nhiều điều kiện lại với nhau.

🧠 Tư duy "Ép kiểu" (Truthy & Falsy) trong câu lệnh If:

Cứ né 6 thằng này ra, thì tất cả những thứ khác (chuỗi có chữ, số lớn hơn 0, Object, Mảng...) đều được coi là ĐÚNG (Truthy).

Đây chính là lý do tại sao ở bài trước, câu lệnh if (acc[curr]) nó chạy được. Vì nếu acc[curr] trả về một con số (Ví dụ: 1), máy hiểu là true (đã có từ). Nếu trả về undefined, máy hiểu là false (chưa có từ).

4. Vòng Lặp For — Máy Tự Động Hóa Vô Tri

Vòng lặp sinh ra để giải quyết nỗi đau phải copy/paste code lặp đi lặp lại. Nó hoạt động như một cái máy chạy bộ: Bạn cài đặt số vòng, máy cứ thế dập khuôn chạy cho đến khi hết số vòng thì dừng.

Cấu trúc cơ học của một vòng lặp for cơ bản:

for (khởi_tạo_biến_đếm; điều_kiện_dừng; bước_nhảy) {
    // Khối code sẽ bị ép chạy lặp đi lặp lại
}

for (let i = 1; i <= 3; i++) {
    console.log("Vòng thứ:", i);
}

Dưới bộ nhớ, máy tính sẽ chạy chính xác theo các bước kiểm tra sau:

• Bước khởi đầu: Máy tạo ra một biến i = 1. (Chỉ làm bước này duy nhất một lần đầu).

• Vòng lặp 1:

• Máy kiểm tra điều kiện: i <= 3 (tức là 1 <= 3). ĐÚNG!

• Vì đúng, máy chui vào trong chạy lệnh console.log ➔ In ra: Vòng thứ: 1.

• Chạy xong code bên trong, máy nhảy lên đuôi gọi lệnh bước nhảy i++ (tăng i lên 1 đơn vị) ➔ Lúc này i biến thành 2.

• Vòng lặp 2:

• Máy kiểm tra lại điều kiện: i <= 3 (tức là 2 <= 3). ĐÚNG!

• Chui vào trong chạy lệnh ➔ In ra: Vòng thứ: 2.

• Nhảy lên đuôi chạy i++ ➔ Lúc này i biến thành 3.

• Vòng lặp 3:

• Kiểm tra điều kiện: i <= 3 (tức là 3 <= 3). Vẫn ĐÚNG!

• Chui vào trong chạy lệnh ➔ In ra: Vòng thứ: 3.

• Nhảy lên đuôi chạy i++ ➔ Lúc này i biến thành 4.

• Vòng kết thúc:

• Kiểm tra điều kiện: i <= 3 (tức là 4 <= 3). SAI RỒI!

• Máy lập tức phá vỡ vòng lặp, tắt máy, đi ra ngoài chạy tiếp các đoạn code phía dưới.

💡 Ứng dụng SEO thực tế:

const errorUrls = ["/baiviet-cu-1", "/baiviet-cu-2", "/baiviet-cu-3"];

// errorUrls.length bằng 3. Vòng lặp sẽ chạy i từ 0, 1, đến 2.
for (let i = 0; i < errorUrls.length; i++) {
    console.log("Đang cấu hình Redirect 301 cho trang:", errorUrls[i]);
}

let currentPage = "2"; // Dữ liệu lấy từ URL thanh địa chỉ luôn là String

if (currentPage === 2) {
    console.log("Kích hoạt mã theo dõi trang số 2"); // TẠCH! Dòng này không bao giờ chạy vì "2" (String) khác 2 (Number)
}
if (currentPage == 2) {
    console.log("Mã theo dõi chạy thành công!"); // Chạy đúng nhờ cơ chế ép kiểu tương đối
}

// Trường hợp: Khách hàng vãng lai, hoàn toàn không đăng nhập tài khoản
const dataLayer = {
    cart: {
        totalPrice: 150000
    }
    // Thuộc tính "user" hoàn toàn không tồn tại trong Object này
};

// Viết kiểu liều mạng (SẬP WEB):
// const email = dataLayer.user.email; // Lỗi ngay lập tức: "Cannot read properties of undefined"
// Viết kiểu an toàn tuyệt đối:
const userEmail = dataLayer.user?.email ?? "guest@gmail.com";
console.log(userEmail); // In ra: "guest@gmail.com" mà trang web vẫn bình an vô sự!

let pageType = "product"; // Loại trang hiện tại khách đang xem

switch (pageType) {
    case "home":
        console.log("Kích hoạt pixel Trang Chủ");
        break;
    case "product":
        console.log("Kích hoạt pixel Trang Sản Phẩm"); // Máy khớp case này và chạy dòng này
        // Quên viết break ở đây!
    case "cart":
        console.log("Kích hoạt pixel Giỏ Hàng"); // Bị tuột xích! Dòng này vẫn bị chạy dù pageType không phải là cart
        break;
    default:
        console.log("Kích hoạt pixel mặc định");
}

const webLinks = ["/trang-chu", "/san-pham-loi-404", "/gio-hang", "/lien-he"];

for (let i = 0; i < webLinks.length; i++) {
    if (webLinks[i].includes("404")) {
        console.log("Phát hiện link lỗi tại vị trí:", i);
        break; // Tìm thấy phát là dừng máy luôn, không rảnh quét tiếp các link phía sau làm gì cho nặng web!
    }
}