[Tự Học Javascript] Toán Tử Logic Trong Javascript »
Có thể bạn quan tâm
🔥CHỌN LỌC TOP NHỮNG KHOÁ HỌC LẬP TRÌNH ONLINE NHIỀU NGƯỜI THEO HOC TẠI ĐÂY🔥
Có ba toán tử logic trong JavaScript: ||(OR), &&(AND), !(NOT).
Mặc dù chúng được gọi là logic, nhưng chúng có thể được áp dụng cho các giá trị thuộc bất kỳ kiểu nào, không chỉ boolean.
Chúng ta hãy xem chi tiết.
1. | | (HOẶC LÀ)
Toán tử OR được thể hiện bằng hai ký hiệu đường thẳng đứng:
result = a || b;Trong lập trình cổ điển, OR logic có nghĩa là chỉ thao tác các giá trị boolean. Nếu bất kỳ đối số của nó là true, nó trả về true, nếu không nó trả về false.
Trong JavaScript, toán tử phức tạp hơn một chút và mạnh hơn. Nhưng trước tiên, hãy xem điều gì xảy ra với các giá trị boolean.
Có bốn kết hợp logic sau:
/* Cafedev.vn - Kênh thông tin IT hàng đầu Việt Nam @author cafedevn Contact: cafedevn@gmail.com Fanpage: https://www.facebook.com/cafedevn Instagram: https://instagram.com/cafedevn Twitter: https://twitter.com/CafedeVn Linkedin: https://www.linkedin.com/in/cafe-dev-407054199/ */ alert( true || true ); // true alert( false || true ); // true alert( true || false ); // true alert( false || false ); // falseNhư chúng ta có thể thấy, kết quả luôn luôn truengoại trừ trường hợp khi cả hai toán hạng đều false.
Nếu một toán hạng không phải là boolean, nó sẽ được chuyển đổi thành boolean để đánh giá.
Chẳng hạn, số 1được coi là true, số 0như false:
if (1 || 0) { // works just like if( true || false ) alert( 'truthy!' ); }Hầu hết thời gian, OR ||được sử dụng trong câu lệnh if để kiểm tra nếu bất kỳ điều kiện nào được đưa ra true.
Ví dụ:
let hour = 9; if (hour < 10 || hour > 18) { alert( 'The office is closed.' ); }Chúng ta có thể vượt qua nhiều điều kiện hơn:
let hour = 12; let isWeekend = true; if (hour < 10 || hour > 18 || isWeekend) { alert( 'The office is closed.' ); // it is the weekend }2. HOẶC | | tìm thấy giá trị đúng đầu tiên
Logic được mô tả ở trên là hơi cổ điển. Bây giờ, chúng ta hãy mang đến các tính năng bổ sung trên JavaScript.
Thuật toán mở rộng hoạt động như sau.
Cho nhiều giá trị OR:
result = value1 || value2 || value3;||Toán tử OR thực hiện như sau:
- Đánh giá toán hạng từ trái sang phải.
- Đối với mỗi toán hạng, chuyển đổi nó thành boolean. Nếu kết quả là true, dừng và trả về giá trị đầu của toán hạng đó.
- Nếu tất cả các toán hạng đã được ước tính (tức là tất cả đều được false), trả về toán hạng cuối cùng.
Một giá trị được trả về ở dạng đầu, không có chuyển đổi.
Nói cách khác, một chuỗi OR "||"trả về giá trị đúng thực đầu tiên hoặc cái cuối cùng trong chuỗi nếu không tìm thấy giá trị đúng.
Ví dụ:
alert( 1 || 0 ); // 1 (1 is truthy) alert( null || 1 ); // 1 (1 is the first truthy value) alert( null || 0 || 1 ); // 1 (the first truthy value) alert( undefined || null || 0 ); // 0 (all falsy, returns the last value)Điều này dẫn đến một số cách sử dụng thú vị so với một OR cơ bản, cổ điển.
Lấy giá trị đúng đầu tiên từ danh sách các biến hoặc biểu thức.
Ví dụ, chúng ta có các biến firstName, lastNamevà nickName, tất cả các tùy chọn. Hãy sử dụng HOẶC ||để chọn dữ liệu có dữ liệu và hiển thị dữ liệu đó (hoặc anonymousnếu không có gì được đặt):
let firstName = ""; let lastName = ""; let nickName = "SuperCoder"; alert( firstName || lastName || nickName || "Anonymous"); // SuperCoderNếu tất cả các biến là sai, Anonymoussẽ hiển thị.
Đánh giá ngắn mạch.
Một tính năng khác của ||toán tử OR là đánh giá được gọi là ngắn mạch.
Nó có nghĩa là ||xử lý các đối số của nó cho đến khi đạt được giá trị đúng đầu tiên, và sau đó giá trị được trả về ngay lập tức, thậm chí không chạm vào đối số khác.
Tầm quan trọng của tính năng này trở nên rõ ràng nếu toán hạng không chỉ là một giá trị, mà là một biểu thức có tác dụng phụ, chẳng hạn như gán biến hoặc gọi hàm.
Trong ví dụ dưới đây, tin nhắn đầu tiên được in, trong khi tin nhắn thứ hai thì không:
true || alert("printed"); false || alert("not printed");Trong dòng đầu tiên, ||toán tử OR dừng đánh giá ngay khi nhìn thấy true, do đó, alertkhông chạy. Đôi khi, mọi người sử dụng tính năng này để thực thi các lệnh chỉ khi điều kiện ở phần bên trái là đúng.
3. && (VÀ)
Toán tử AND được biểu diễn bằng hai ký hiệu &&:
result = a && b;Trong lập trình cổ điển, AND trả về truenếu cả hai toán hạng là đúng và falsengược lại:
/* Cafedev.vn - Kênh thông tin IT hàng đầu Việt Nam @author cafedevn Contact: cafedevn@gmail.com Fanpage: https://www.facebook.com/cafedevn Instagram: https://instagram.com/cafedevn Twitter: https://twitter.com/CafedeVn Linkedin: https://www.linkedin.com/in/cafe-dev-407054199/ */ alert( true && true ); // true alert( false && true ); // false alert( true && false ); // false alert( false && false ); // falseMột ví dụ với if:
let hour = 12; let minute = 30; if (hour == 12 && minute == 30) { alert( 'The time is 12:30' ); }Cũng như với OR, mọi giá trị đều được phép so sánh dưới dạng toán hạng AND:
if (1 && 0) { // evaluated as true && false alert( "won't work, because the result is falsy" ); }4. VÀ && Tìm thấy giá trị sai đầu tiên
Cho nhiều giá trị AND:
result = value1 && value2 && value3;&&Toán tử AND thực hiện như sau:
- Đánh giá toán hạng từ trái sang phải.
- Đối với mỗi toán hạng, chuyển đổi nó thành một boolean. Nếu kết quả là false, dừng và trả về giá trị ban đầu của toán hạng đó.
- Nếu tất cả các toán hạng đã được đánh giá (tức là tất cả đều là đúng), trả về toán hạng cuối cùng.
Nói cách khác, AND trả về giá trị giả đầu tiên hoặc giá trị cuối cùng nếu không tìm thấy.
Các quy tắc trên tương tự như OR. Sự khác biệt là AND trả về giá trị false đầu tiên trong khi OR thì trả về giá trị đúng đầu tiên.
Ví dụ:
/* Cafedev.vn - Kênh thông tin IT hàng đầu Việt Nam @author cafedevn Contact: cafedevn@gmail.com Fanpage: https://www.facebook.com/cafedevn Instagram: https://instagram.com/cafedevn Twitter: https://twitter.com/CafedeVn Linkedin: https://www.linkedin.com/in/cafe-dev-407054199/ */ // if the first operand is truthy, // AND returns the second operand: alert( 1 && 0 ); // 0 alert( 1 && 5 ); // 5 // if the first operand is falsy, // AND returns it. The second operand is ignored alert( null && 5 ); // null alert( 0 && "no matter what" ); // 0Chúng ta cũng có thể vượt qua một số giá trị liên tiếp. Xem làm thế nào một sai lầm đầu tiên được trả lại:
alert( 1 && 2 && null && 3 ); // nullKhi tất cả các giá trị là đúng, giá trị cuối cùng được trả về:
alert( 1 && 2 && 3 ); // 3, the last oneƯu tiên của AND &&cao hơn OR||
Ưu tiên của toán tử && AND cao hơn OR ||.
Vì vậy, code a && b || c && dvề cơ bản giống như khi các &&biểu thức nằm trong ngoặc đơn : (a && b) || (c && d).
Đừng thay thế ifbằng | | hoặc là &&
Đôi khi, mọi người sử dụng toán tử && AND như là “viết ngắn hơn if“.
Ví dụ:
let x = 1; (x > 0) && alert( 'Greater than zero!' );Hành động trong phần bên phải &&sẽ chỉ thực hiện nếu đánh giá đạt được. Đó là, chỉ khi (x > 0)là đúng.
Vì vậy, về cơ bản chúng ta có một tương tự là:
let x = 1; if (x > 0) alert( 'Greater than zero!' );Mặc dù, biến thể &&xuất hiện ngắn hơn, ifrõ ràng hơn và có xu hướng dễ đọc hơn một chút. Vì vậy, chúng ta khuyên bạn nên sử dụng mọi cấu trúc cho mục đích của nó: sử dụng ifnếu chúng ta muốn If và sử dụng &&nếu chúng ta muốn AND.
5. ! (KHÔNG PHẢI)
Toán tử boolean NOT được biểu thị bằng dấu chấm than !.
Cú pháp khá đơn giản:
result = !value;Toán tử chấp nhận một đối số duy nhất và thực hiện như sau:
- Chuyển đổi toán hạng thành kiểu boolean : true/false.
- Trả về giá trị nghịch đảo.
Ví dụ:
alert( !true ); // false alert( !0 ); // true!!Đôi khi KHÔNG được sử dụng để chuyển đổi một giá trị thành kiểu boolean:
alert( !!"non-empty string" ); // true alert( !!null ); // falseNghĩa là, cái đầu tiên NOT chuyển đổi giá trị thành boolean và trả về nghịch đảo, và cái thứ hai NOT đảo ngược nó một lần nữa. Cuối cùng, chúng ta có một chuyển đổi giá trị thành boolean một cách đơn giản.
Có một cách dài dòng hơn để làm điều tương tự – một hàm Boolean :
alert( Boolean("non-empty string") ); // true alert( Boolean(null) ); // falseƯu tiên của NOT !là cao nhất trong tất cả các toán tử logic, vì vậy nó luôn luôn thực thi trước, trước &&hoặc ||.
Đăng ký kênh youtube để ủng hộ Cafedev nha các bạn, Thanks you!
Từ khóa » Toán Tử Logic Javascript
-
Các Toán Tử Trong JavaScript
-
Ứng Dụng Toán Tử Logic Trong Javascript để Viết Code Gọn Gàng Hơn
-
Toán Tử So Sánh Và Toán Tử Logic Trong JavaScript - Web Cơ Bản
-
4 Toán Tử JavaScript Quên Sầu Luôn :) - Viblo
-
Biểu Thức điều Kiện Trong Javascript - Viblo
-
Toán Tử Logic Trong Javascript - KungFu Tech
-
Toán Tử Logic Trong JavaScript Và Giá Trị True False
-
Toán Tử Logic Trong JavaScript
-
Toán Tử Trong JavaScript - VietTuts
-
Toán Tử Logic JavaScript - Tech Wiki
-
Toán Tử Trong JavaScript
-
Toán Tử Trong JavaScript | Học Lập Trình JavaScript
-
Toán Tử Trong JavaScript - NIIT - ICT Hà Nội
-
Logical Và Comparison Operators Trong Javascript
-
Toán Tử Trong JavaScript - Hoclaptrinh
-
Các Toán Tử So Sánh Và Logic Trong JavaScript - ge
-
Bài 4: Các Loại Toán Tử Trong JavaScript - JS Cơ Bản - Góc Làm Web
-
Các Toán Tử Trong JavaScript - 200lab Education
-
Toán Tử So Sánh Và Logic Trong JavaScript - TEK4