Bài viết đăng tại: https://laptrinhcanban.com

Hướng dẫn cách sử dụng toán tử 3 ngôi hay còn gọi là toán tử điều kiện trong JavaScript. Bạn sẽ học được khái niệm toán tử 3 ngôi trong JavaScript là gì, cách viết cơ bản cũng như cách sử dụng toán tử 3 ngôi với câu lệnh if trong JavaScript sau bài học này.

Toán tử 3 ngôi trong JavaScript là gì

Toán tử 3 ngôi trong JavaScript hay còn gọi là toán tử điều kiện trong JavaScript, là một toán tử được cấu tạo bởi ba đối số gồm biểu thức điều kiện, kết quả khi điều kiện đúng và kết quả khi điều kiện sai. Kết quả ở đây có thể là một giá trị được trả về, cũng có thể là một xử lý sẽ thực hiện sau đó tùy thuộc vào điều kiện chỉ định là đúng hay sai.

Toán tử 3 ngôi trong JavaScript cho phép chúng ta kiểm tra một điều kiện nào đó trong một dòng code duy nhất và trả về giá trị, thay vì phải sử dụng nhiều câu lệnh if-else, giúp cho việc code đơn giản và thông minh hơn.

Sử dụng toán tử 3 ngôi trong JavaScript

Toán tử 3 ngôi trong JavaScript sẽ trả về kết quả phụ thuộc vào biểu thức điều kiện là đúng hay sai. Chúng ta sử dụng toán tử 3 ngôi trong JavaScript với cú pháp sau đây:

Trong đó condition là biểu thức điều kiện, true_value là giá trị trả về khi điều kiện đúng và false_value là giá trị trả về khi điều kiện sai.

Ví dụ, chúng ta kiểm tra một số có bằng 10 hay không như sau:

Cách viết thông thường:

let n = 8;
let x;

if (n == 10){ 
    x = "OK";
}else { 
    x = "NG";
}

console.log(x) // NG

Cách dùng Toán tử 3 ngôi:

let n = 8;
let x;

x = (n == 10) ? "OK": "NG" ;

console.log(x) // NG

Với cách dùng toán tử 3 ngôi, biểu thức điều kiện ở đây là n ==10, và nếu điều kiện đúng, giá trị OK sẽ được trả về. Ngược lại nếu điều kiện sai, giá trị NG sẽ được trả về.

Một ví dụ khác, chúng ta kiểm tra một số là chẵn hay lẻ trong JavaScript và thực hiện các xử lý tương ứng như sau:

Cách viết thông thường:

let x = 101;
let s;

if (x % 2 == 0){
    s = x + 2;
}else{
    s = x - 2;
}

console.log(s);

Cách dùng Toán tử 3 ngôi:

let x = 101;
let s;

s = (x % 2 == 0) ? x + 2 : x -2;

console.log(s);

Tương tự thì trong cách viết toán tử 3 ngôi này, biểu thức điều kiện là x % 2 == 0, và nếu nó đúng thì xử lý x + 2 được thực hiện và gán kết quả vào s. Ngược lại nếu nó sai thì xử lý x - 2 được thực hiện và gán kết quả vào s.

Tổng kết

Trên đây Kiyoshi đã hướng dẫn bạn về cách sử dụng toán tử 3 ngôi trong JavaScript rồi. Để nắm rõ nội dung bài học hơn, bạn hãy thực hành viết lại các ví dụ của ngày hôm nay nhé.

Và hãy cùng tìm hiểu những kiến thức sâu hơn về JavaScript trong các bài học tiếp theo.

URL Link

https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/toan-tu-trong-javascript/toan-tu-3-ngoi-trong-javascript/