TopDev

Lệnh điều kiện if ... else trong JavaScript

minhu 📖 3 phút đọc

Lệnh điều kiện if ... else trong JavaScript cho phép bạn thực hiện các hành động khác nhau dựa trên điều kiện cụ thể. Đây là một trong những cấu trúc điều kiện cơ bản và phổ biến nhất trong lập trình.

Cú Pháp Cơ Bản#

if (condition) { // Block of code to be executed if the condition is true } else { // Block of code to be executed if the condition is false }

Ví Dụ Cơ Bản#

` let temperature = 25;

if (temperature > 30) { console.log('It is hot outside.'); } else { console.log('It is not too hot outside.'); } `

Trong ví dụ này, nếu giá trị của temperature lớn hơn 30, thì thông báo "It is hot outside." sẽ được in ra. Ngược lại, thông báo "It is not too hot outside." sẽ được in ra.

else if#

Để kiểm tra nhiều điều kiện khác nhau, bạn có thể sử dụng else if để thêm các điều kiện bổ sung:

` let score = 85;

if (score >= 90) { console.log('Grade: A'); } else if (score >= 80) { console.log('Grade: B'); } else if (score >= 70) { console.log('Grade: C'); } else { console.log('Grade: D'); } `

Trong ví dụ này, tùy thuộc vào giá trị của score, một trong các thông báo tương ứng sẽ được in ra.

Toán Tử Ba Ngôi (Ternary Operator)#

Toán tử ba ngôi là một cách ngắn gọn để viết các câu lệnh điều kiện đơn giản:

let age = 18; let status = (age >= 18) ? 'Adult' : 'Minor'; console.log(status); // 'Adult'

Cú pháp của toán tử ba ngôi là:

condition ? expressionIfTrue : expressionIfFalse

switch Case#

Khi bạn có nhiều điều kiện để kiểm tra, cấu trúc switch có thể là một sự thay thế tốt cho if ... else if ... else:

` let day = 3; let dayName;

switch (day) { case 1: dayName = 'Monday'; break; case 2: dayName = 'Tuesday'; break; case 3: dayName = 'Wednesday'; break; case 4: dayName = 'Thursday'; break; case 5: dayName = 'Friday'; break; case 6: dayName = 'Saturday'; break; case 7: dayName = 'Sunday'; break; default: dayName = 'Invalid day'; }

console.log(dayName); // 'Wednesday' `

So Sánh và Điều Kiện#

  • So sánh bằng (==): So sánh hai giá trị bằng nhau. (Có thể so sánh kiểu dữ liệu khác nhau.)

if (value == 10) { // true nếu value là 10 (hoặc có thể là '10' nếu chuyển kiểu dữ liệu) }

  • So sánh nghiêm ngặt (===): So sánh hai giá trị và kiểu dữ liệu phải giống nhau.

if (value === 10) { // true chỉ nếu value là số 10 và không phải là chuỗi '10' }

  • So sánh khác (!=): So sánh hai giá trị không bằng nhau.

if (value != 10) { // true nếu value không phải là 10 }

  • So sánh khác nghiêm ngặt (!==): So sánh hai giá trị không bằng nhau và kiểu dữ liệu cũng khác.

if (value !== 10) { // true nếu value không phải là số 10 hoặc không phải là chuỗi '10' }

  • So sánh lớn hơn (>), nhỏ hơn (<), lớn hơn hoặc bằng (>=), nhỏ hơn hoặc bằng (<=):

` if (value > 10) { // true nếu value lớn hơn 10 }

if (value < 10) { // true nếu value nhỏ hơn 10 } `

Tóm Tắt#

  • if: Thực thi khối mã nếu điều kiện là true.

  • else: Thực thi khối mã nếu điều kiện của if là false.

  • else if: Thêm điều kiện bổ sung để kiểm tra.

  • Toán tử ba ngôi: Cung cấp cách viết ngắn gọn cho điều kiện đơn giản.

  • switch: Cung cấp cách kiểm tra nhiều điều kiện với các giá trị cụ thể.

Sử dụng các cấu trúc điều kiện một cách phù hợp giúp bạn kiểm soát luồng thực thi của chương trình và làm cho mã của bạn trở nên rõ ràng và dễ hiểu.

Bài liên quan trong # JavaScript

✓ Đã sao chép link