Sơ đồ flowchart câu lệnh if...else trong JavaScript

Logic if...else

1. Đánh giá condition.
2. Nếu true → chạy if-block → End.
3. Nếu false → chạy else-block → End.

Sơ đồ flowchart (text)

   +-----------+
   |  START    |
   +-----------+
        |
        v
   +-----------+    True     +-----------+
   | condition | ----------> | if-block  |
   +-----------+             +-----------+
        | False                    |
        |                          |
        v                          v
   +------------+            +-----------+
   | else-block | ---------> |    END    |
   +------------+            +-----------+

Ví dụ code

var age = 20;
if (age >= 18) {
  console.log("Adult");
} else {
  console.log("Minor");
}

Mở rộng: if...else if...else

   +-----------+
   |  START    |
   +-----------+
        |
        v
   +-----------+  True  +-----------+
   | cond1     | -----> | block1    |
   +-----------+        +-----------+
        | False                |
        v                      v
   +-----------+  True  +-----------+
   | cond2     | -----> | block2    |
   +-----------+        +-----------+
        | False                |
        v                      v
        ...                    ...
        |
        v
   +------------+        +-----------+
   | else-block | -----> |    END    |
   +------------+        +-----------+

Lưu ý vẽ

• Hình thoi cho decision (condition).
• Hình chữ nhật cho process (block).
• Mũi tên True/False rõ ràng.
• Else-if là chuỗi decision nối tiếp.

Hình ảnh tham khảo: https://vn.wsxdn.com/UploadFiles_2724/202203/2022033110060860.jpg