Σύγκριση JavaScript και λογικοί τελεστές (με παραδείγματα)

Σε αυτό το σεμινάριο, θα μάθετε για τους τελεστές σύγκρισης και τους λογικούς τελεστές με τη βοήθεια παραδειγμάτων.

Τελεστές σύγκρισης JavaScript

Οι τελεστές σύγκρισης συγκρίνουν δύο τιμές και δίνουν μια δυαδική τιμή: είτε trueείτε false. Οι χειριστές σύγκρισης χρησιμοποιούνται στη λήψη αποφάσεων και σε βρόχους.

Χειριστής Περιγραφή Παράδειγμα
== Ισούται με : trueεάν οι τελεστές είναι ίσοι 5==5; //true
!= Όχι ίσο με : trueεάν οι τελεστές δεν είναι ίσοι 5!=5; //false
=== Αυστηρό ίσο με : trueεάν οι τελεστές είναι ίσοι και του ίδιου τύπου 5==='5'; //false
!== Αυστηρή όχι ίση με : trueεάν οι τελεστές είναι ίσοι αλλά διαφορετικού τύπου ή καθόλου ίσοι 5!=='5'; //true
> Μεγαλύτερο από : trueεάν ο αριστερός τελεστής είναι μεγαλύτερος από τον δεξιό τελεστή 3>2; //true
>= Μεγαλύτερο από ή ίσο με : trueεάν ο αριστερός τελεστής είναι μεγαλύτερος από ή ίσος με τον δεξιό τελεστή 3>=3; //true
< Λιγότερο από : trueεάν ο αριστερός τελεστής είναι μικρότερος από τον δεξιό τελεστή 3<2; //false
<= Λιγότερο από ή ίσο με : trueεάν ο αριστερός τελεστής είναι μικρότερος ή ίσος με το δεξί τελεστή 2<=2; //true

Παράδειγμα 1: Ίδιο με το χειριστή

 const a = 5, b = 2, c = 'hello'; // equal to operator console.log(a == 5); // true console.log(b == '2'); // true console.log(c == 'Hello'); // false

==αξιολογεί trueεάν οι τελεστές είναι ίσοι.

Σημείωση : Στο JavaScript, ==είναι ένας χειριστής σύγκρισης, ενώ =είναι ένας χειριστής ανάθεσης. Εάν χρησιμοποιείτε εσφαλμένα =αντί ==, ενδέχεται να έχετε ανεπιθύμητο αποτέλεσμα.

Παράδειγμα 2: Δεν ισούται με τον χειριστή

 const a = 3, b = 'hello'; // not equal operator console.log(a != 2); // true console.log(b != 'Hello'); // true

!=αξιολογεί trueεάν οι τελεστές δεν είναι ίσοι.

Παράδειγμα 3: Αυστηρό ίσο με το χειριστή

 const a = 2; // strict equal operator console.log(a === 2); // true console.log(a === '2'); // false

===αξιολογεί trueεάν οι τελεστές είναι ίσοι και του ίδιου τύπου. Εδώ 2 και «2» είναι οι ίδιοι αριθμοί, αλλά ο τύπος δεδομένων είναι διαφορετικός. Επίσης ===, ελέγχει τον τύπο δεδομένων κατά τη σύγκριση.

Σημείωση : Η διαφορά μεταξύ ==και ===είναι ότι:

==αξιολογεί trueεάν οι τελεστές είναι ίσοι, ωστόσο, ===αξιολογείται trueμόνο εάν οι τελεστές είναι ίσοι και του ίδιου τύπου

Παράδειγμα 4: Αυστηρό όχι ίσο με το χειριστή

  const a = 2, b = 'hello'; // strict not equal operator console.log(a !== 2); // false console.log(a !== '2'); // true console.log(b !== 'Hello'); // true

!==αξιολογεί trueεάν οι τελεστές δεν είναι αυστηρά ίσοι. Είναι το αντίθετο απόλυτα ίσο ===.

Στο παραπάνω παράδειγμα, 2 != '2'δίνει true. Είναι επειδή οι τύποι τους είναι διαφορετικοί παρόλο που έχουν την ίδια αξία.

Παράδειγμα 5: Μεγαλύτερο από το χειριστή

 const a = 3; // greater than operator console.log(a> 2); // true

>αξιολογεί trueεάν ο αριστερός τελεστής είναι μεγαλύτερος από τον δεξιό τελεστή.

Παράδειγμα 6: Μεγαλύτερο από ή ίσο με το χειριστή

 const a = 3; // greater than or equal operator console.log(a>= 3); //true

>=αξιολογεί trueεάν ο αριστερός τελεστής είναι μεγαλύτερος ή ίσος με τον δεξιό τελεστή.

Παράδειγμα 7: Λιγότερο από το χειριστή

 const a = 3, b = 2; // less than operator console.log(a < 2); // false console.log(b < 3); // true

<αξιολογεί trueεάν ο αριστερός τελεστής είναι μικρότερος από τον δεξιό τελεστή.

Παράδειγμα 8: Λιγότερο ή ίσο με το χειριστή

 const a = 2; // less than or equal operator console.log(a <= 3) // true console.log(a <= 2); // true

<=αξιολογεί trueεάν ο αριστερός τελεστής είναι μικρότερος ή ίσος με τον δεξιό τελεστή.

Λογικοί χειριστές JavaScript

Οι λογικοί τελεστές εκτελούν λογικές λειτουργίες: AND , OR και NOT .

Χειριστής Περιγραφή Παράδειγμα
&& Λογική AND : trueεάν και οι δύο τιμές τελεστές / boolean είναι αληθείς, αλλιώς αξιολογείταιfalse true && false; // false
|| Λογική Ή : trueεάν μία από τις τιμές τελεστέων / boolean είναι true. αξιολογεί falseεάν και τα δύο είναιfalse true || false; // true
! Λογική ΟΧΙ : trueεάν ο τελεστής είναι falseκαι το αντίστροφο. !true; // false

Παράδειγμα 9: Λογική ΚΑΙ τελεστής

 const a = true, b = false; const c = 4; // logical AND console.log(a && a); // true console.log(a && b); // false console.log((c> 2) && (c < 2)); // false

&&αξιολογεί trueεάν και οι δύο τελεστές true, αλλιώς αξιολογεί false.

Σημείωση: Μπορείτε επίσης να χρησιμοποιήσετε λογικούς τελεστές με αριθμούς. Στο JavaScript, το 0 είναι falseκαι όλες οι μη μηδενικές τιμές είναι true.

Παράδειγμα 10: Λογικός Ή χειριστής

 const a = true, b = false, c = 4; // logical OR console.log(a || b); // true console.log(b || b); // false console.log((c>2) || (c<2)); // true

||αξιολογεί trueεάν ένας από τους τελεστές είναι true. Εάν και οι δύο τελεστές false, το αποτέλεσμα είναι false.

Παράδειγμα 11: Λογικός ΟΧΙ χειριστής

 const a = true, b = false; // logical NOT console.log(!a); // false console.log(!b); // true

!αξιολογεί trueεάν ο τελεστής είναι falseκαι το αντίστροφο.

ενδιαφέροντα άρθρα...