Người Viết : ViKiMi Editor
Sử dụng Toán tử Logic và Phép So Sánh hữu ích hiệu quả khi tiến hành Thiết kế Giao Diện
Khi bạn làm quen với bất kỳ một ngôn ngữ lập trình nào, điều bạn nên nắm bắt đầu tiên để chuẩn bị cho những thuật toán có lẽ Toán tử Logic và Phép so sánh. Nhờ những kiến thức về Logic và So sánh chắc chắn bạn sẽ tạo ra những xử lý chính xác mong đợi. Ngay cả với Ngôn ngữ JavaScript thì cũng không phải ngoại lệ.
Những yêu cầu dành cho một Lập trình viên đó là nắm bắt về Toán tử Logic và Phép so Sánh
+ JavaScript cung cấp cho bạn gần như hoàn thiện tất cả yêu cầu
+ Toán tử Logic và Phép so sánh của JavaScript cũng tương tự như những ngôn ngữ bậc cao khác. Dù vẫn còn vài hạn chế.
+ Nhưng như vậy đã cho phép bạn thao tác tốt trên các loại dữ liệu
Vậy Toán tử Logic và phép So Sánh trong JavaScript là gì ?
Toán tử Logic / Logical Operators và so sánh JavaScript / Comparison
Giúp bạn kiểm tra True / Đúng Hoặc False / Sai trong xử lý dữ liệu
+ Phép so sánh được sử dụng trong các câu lệnh logic để xác định sự bằng nhau hoặc khác nhau giữa các biến hoặc giá trị.
A ] CÁC PHÉP SO SÁNH JAVASCRIPT
== So sánh bằng
=== So sánh giá trị bằng nhau và loại dữ liệu cũng bằng nhau
!= So sánh không bằng
!== So sánh giá trị không bằng nhau hoặc loại dữ liệu không bằng nhau
> So sánh lớn hơn
< So sánh nhỏ hơn
>= So sánh lớn hơn hoặc bằng
<= So sánh nhỏ hơn hoặc bằng
Example :
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Comparison</h1>
<p> Thực Hiện gán 7 cho biến a, sau đó kiểm tra a có nhỏ hơn hoặc bằng 8 hay không ? </p>
<p id="paragraph_01"></p>
<script>
let a = 7;
document.getElementById("paragraph_01").innerHTML = (a <= 8);
</script>
</body>
</html>
B ] TOÁN TỬ LOGIC JAVASCRIPT
Trong ngôn ngữ JavaScript, Có thể sử dụng Toán tử logic giúp :
+ Xác định logic giữa các biến hoặc giá trị hoặc các biểu thức.
+ Logic này bao gồm : And / Và ; Or / Hoặc ; Not / Phủ định
+ Kí Hiệu của các toán tử Logic :
And Kí hiệu &&
Or Kí hiệu ||
NOT Kí hiệu !
Example :
Thực hiện gán giá trị :
Let a = 3 , b =5, c = "5" ;
Bảng Toán tử Logic như sau :
Operator Description Example
&& and ( b < 10 && b > 1 ) is true
|| or ( a == 5 || b == 5 ) is false
! not ! ( x == y ) is true
&& and ( a < 10 && c > 1 ) is true
|| or ( a == 3 || c === 5 ) is false
! not ! ( b == c ) is false
! not ! ( b === c ) is true
! not ! ( b !== c ) is false
C ] Toán tử có Điều Kiện trong JavaScript
Cũng giống các ngôn ngữ Lập trình bậc cao, JavaScript có toán tử Điều Kiện để thực hiện gán giá trị cho biến dựa vào điều kiện đặt ra
CÚ PHÁP ::
Variable_name = ( condition ) ? value1: value2 ;
Ten_Bien = ( Kiểm tra điều kiện ) ? Giá_Trị_1 : Giá_Trị_2 ;
+ Nếu Điều kiện là đúng thì gán Giá_Trị_1 cho Ten_Bien
+ Nếu Điều kiện là sai thì gán Giá_Trị_2 cho Ten_Bien
<p>Nhập Giá Trị Và Click Test:</p>
<input id="a_value" value="" />
<button onclick="myFunction()"> Test </button>
<script>
function myFunction() {
let a = document.getElementById("a_value").value;
let Ten_Bien = (a < 100) ? "Số Bé" : "Số Lớn";
document.getElementById("paragraph_01").innerHTML = Ten_Bien. " Tested ";
}
</script>
D ] Toán tử hợp nhất Nullish (??) / Nullish Coalescing Operator
Trong JavaScript, Bạn có thể sử dụng Toán Tử Nullish ?? để thực hiện Biểu thức kiểm tra Giá trị rỗng và trả về giá trị.
+ Nếu đối số đầu tiên có giá trị không rỗng ( Tức là khác null hoặc undefined ) thì trả về giá trị là đối số đầu tiên
+ Nếu đối số đầu tiên có giá trị rỗng sẽ trả về đối số thứ hai
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Operators</h1>
<h2>Toán Tử Nullish ?? </h2>
<p id="paragraph_01"></p>
<script>
let Ten_Bien = null;
let text = "chưa khởi tạo !";
let result = Ten_Bien ?? text;
document.getElementById("paragraph_01").innerHTML = "The name is " + result;
/**
* Kết Quả Hiển Thị là Biến Chưa Khởi Tạo
*/
</script>
</body>
</html>
E ] Toán tử chuỗi tùy chọn / Optional Chaining Operator (?.)
Toán Tử này trả về undefined, Nếu một đối tượng / Object có giá trị undefined hoặc null. Điều này giúp tránh trả về một Lỗi khi bạn làm việc với Object trong JavaScript
Example :
<!DOCTYPE html>
<html>
<body>
<h1> JavaScript Operators </h1>
<h2> Toán Tử Chuỗi Tuỳ Chọn ?. </h2>
<p> Nhân Viên Tên Là :</p>
<p id="paragraph_01"></p>
<script>
const employee = {Tuoi:38, Gioi_Tinh:"Nam", Cao:1.65};
let name = employee?.name;
document.getElementById("paragraph_01").innerHTML = name;
/**
* Kết Quả Hiển Thị là undefined
*/
</script>
</body>
</html>
LƯU Ý :
Bạn hãy thực hiện những Chuyển đổi ( Converts ) cho Dữ liệu cách phù hợp để có kết quả chính xác nhất khi so sánh + Logic với JavaScript.
Một Ví dụ sau để thấy rõ :
+ Khi tiến hành So sánh các kiểu Dữ Liệu khác nhau sẽ dẫn đến cho kết quả không mong muốn Vì vậy hãy tiến hành Chuyển đổi cần thiết.
+ Khi so sánh một chuỗi ( String ) với một số ( Number ) , JavaScript sẽ chuyển đổi chuỗi thành số.
Một chuỗi trống ( Empty ) chuyển đổi thành 0.
Một chuỗi Non-numeric chuyển đổi thành NaN, chuỗi này luôn sai.
Example :
JavaScript sẽ chuyển đổi chuỗi thành số khi so sánh một chuỗi với một số.
+ Khi so sánh hai chuỗi, 2 sẽ nhỏ hơn “12” .
2 < “12” return true
2 > “12” return fasle
VÀ >>
JavaScript so sánh 2 chuỗi với nhau.
+ Khi so sánh hai chuỗi, “2” sẽ lớn hơn “12” . Theo thứ tự bảng chữ cái !
“2” < “12” return false
“2” > “12” return true
Như vậy, Bạn thấy cách sử dụng Toán tử Logic và Phép so sánh trong JavaScript tương đối đơn giản. Nó cho phép bạn kiểm tra trên dữ liệu thông thường và những Object. Tất cả những điều bạn cần đều có, mọi thao tác thật dễ dàng lập trình Web. Nhờ cách xử lý hiệu quả mà bạn sẽ làm việc tốt nhất khi thiết kế Website + Chuyên nghiệp
