Những câu lệnh điều kiện cực quan trọng trong Javascript

[CRLLNKhoa]

1 Số toán tử quan trọng

1. Một số toán tử cơ bản +, -, , /, %
   Nói đến toán tư thì chắc chắn không thể thiếu cộng (+), trừ (-), nhân (), chia (/) rồi nhỉ, hơi vô tri nhỉ :v nhưng mà nó cũng quan trọng 🤪

const a = 5;
const b = 5;

console.log(a + b) // 10
console.log(a - b) // 0
console.log(a / b) // 1
console.log(a * b) // 25

không biết cái trên thi đừng code nữa nghe, tội đồng nghiệp 😆
Nhưng mà có cái toán tử đặc biệt hơn tí đó là %. ủa wtf đó là dấu phần trăm mà, toán tử cái gì ở đây 🤬 nhưng mà không nó là toán tử chia lấy dư, thử xem nó hoạt động như nào nhé:

const a = 6;
const b = 5;

console.log(a % b) // 1

Là sao nhở, sao 6 chia 5 lại bằng 1,đơn giản ở đây có nghĩa là 6 chia 5 dư 1 và 1 chính là kết quả chia lấy dư của 6 và 5, các bạn hiểu chưa ? không hiểu cũng phải hiểu nhé 🤪

Lưu ý nhỏ là toán tử + nó có thể dành để nối chuỗi nhé.

console.log("a" + "b") // "ab"

2. Toán tử so sánh >, <, >=, ==,===

Đây là những toán tử được sử dụng để so sánh hai giá trị. Các toán tử so sánh luôn trả về kết quả ở dạng Boolean, chỉ có true hoặc false chứ không có nửa true nửa false nhé các bạn.

console.log(5 > 4); // true

console.log(5 < 4); // false

console.log(5 >= 4); // true

console.log(5 <= 5); // true

Còn toán tử == và === thì sao nhỉ, đối với các kiểu "dữ liệu nguyên thuỷ" như number, string, boolean thì cơ bản == dùng để so sánh giá trị, === để so sánh cả giá trị cả kiểu dữ liệu.

console.log(5 === "5"); // false

console.log(5 === 5); // true

console.log(5 == "5"); // true

Nhưng, nếu dễ như vậy thì không nói làm gì đúng không, đối với ví dụ dưới thì sao:

const user1 = {
  name: "dev"
}

const user2 = {
  name: "dev"
}

console.log(user1 == user2); // false
console.log(user1 === user2); // false

Ủa cái gì vậy, vừa đưa khái niệm trên là 1 cái so sánh giá trị cái so sánh giá trị và kiểu dữ liệu, chẳng phải ví dụ trên đều giống nhau sao, vậy tại sao lại false. Bạn hãy để ý câu khái niệm trên của mình, nó chỉ đúng với kiểu nguyên thuỷ, còn đối với kiểu dữ liệu object thì nó sẽ so sánh vị trí ô nhớ của object chứ không phải so sánh giá trị đơn thuần nhé, lưu ý câu phỏng vấn ăn điểm này nhé ae 😎. Lưu ý luôn vụ so sánh undefine hay null nhé !

console.log(null == undefined) // true
console.log(null === undefined) // false
console.log(null == 0) // false
console.log(null <= 0) // true bởi null đc javascript convert về  0

4. Toán tử ba ngôi ?

result = condition ? value1 : value2

Nó sẽ hoạt động như sau: Nếu condition nó là đúng thì toán tử sẽ trả về value 1 còn nếu là sai thì nó sẽ trả về giá trị của value 2. Đơn giản phải không nào, nó sẽ giải quyết được một số If else đơn giản đấy nhé.

6. Toán tử logic

Toán tử OR (||)
toán tử OR trả về giá trị true nếu có ít nhất một toán hạng là true, ngược lại sẽ trả về false.

console.log(true || true); // true
console.log(true || false); // true
console.log(false || true); // true
console.log(false || false); // false
console.log(true || true || true); // true
console.log(true || false || true); // true
console.log(false || true || false); // true
console.log(false || false || false); // false

Và các bước nó hoạt động sẽ như sau:

• Thứ tự thực hiện từ trái sang phải.

• Lần lượt chuyển mỗi toán hạng về kiểu boolean

  - Nếu kết quả là true thì trả về giá trị gốc của toán hạng đó và dừng lại.
  - Nếu kết quả là false thì tiếp tục thực hiện với toán hạng tiếp theo.
  

• Nếu không có giá trị truthy nào thì kết quả trả về là giá trị của toán hạng cuối cùng.

Oki, dễ rồi đúng không :v
Toán tử AND (&&)
toán tử AND trả về giá trị true nếu cả hai toán hạng là true, ngược lại sẽ trả về false

console.log(true && true); // true
console.log(true && false); // false
console.log(false && true); // false
console.log(false && false); // false
console.log(true && true && true); // true
console.log(true && false && true); // false
console.log(false && true && false); // false
console.log(false && false && false); // false

Toán tử AND trong JavaScript sẽ tìm và trả về giá trị falsy đầu tiên. Nếu không có giá trị falsy nào thì kết quả sẽ là giá trị của toán hạng cuối cùng. Và các bước nó hoạt động sẽ như sau:

• Thứ tự thực hiện từ trái sang phải.
• Lần lượt chuyển mỗi toán hạng về kiểu boolean
  - Nếu kết quả là false thì trả về giá trị gốc của toán hạng đó và dừng lại.
  - Nếu kết quả là true thì tiếp tục thực hiện với toán hạng tiếp theo.
• Nếu không có giá trị falsy nào thì kết quả trả về là giá trị của toán hạng cuối cùng.

Thêm nhẹ 1 ví dụ nè:

console.log(1 && 0); // 0 (giá trị falsy đầu tiên là 0)
console.log(null && 2); // null (giá trị falsy đầu tiên là null)
console.log(10 && "" && undefined && 0); // "" (giá trị falsy đầu tiên là "")
console.log("n" && undefined && 10); // undefined (giá trị falsy đầu tiên là undefined)
console.log(10 && "a"); // "a" (không có giá trị falsy, trả về giá trị cuối cùng)

Oki, quá dễ
Toán tử NOT (!)
toán tử NOT trả về giá trị true nếu toán hạng là false và trả về false nếu toán hạng là true. Vì là toán tử một ngôi, nên toán tử NOT chỉ chứa một toán hạng. Không có gì bàn cãi nữa rồi, cãi táng liền 🥸

console.log(!true); // false
console.log(!false); // true

Toán tử Nullish coalescing (??)
Rồi, dài quá dài với 1 blog ngắn (vô tri quá 🤣 ) Mình cùng đến với toán tử cuối cùng nhé. Toán tử Nullish Coalescing là toán tử hai ngôi a ?? b, với định nghĩa là: Nếu a khác null và undefined thì kết quả của a ?? b là a. Ngược lạị, nếu a bằng null hoặc undefined thì kết quả của a ?? b là b.

result = a ?? b;

Đây là những toán tử mà mình biết và thấy nó rất quan trọng đối với mình, còn bạn thì sao, nếu có toán tử nào nữa, hãy góp ý cho mình nhé