Σε αυτό το σεμινάριο, θα μάθετε για διαφορετικούς τελεστές που διατίθενται σε JavaScript και πώς να τους χρησιμοποιήσετε με τη βοήθεια παραδειγμάτων.
Τι είναι ο χειριστής;
Στο JavaScript, ένας τελεστής είναι ένα ειδικό σύμβολο που χρησιμοποιείται για την εκτέλεση λειτουργιών σε τελεστές (τιμές και μεταβλητές). Για παράδειγμα,
2 + 3; // 5
Εδώ +είναι ένας τελεστής που εκτελεί προσθήκη 2και 3είναι τελεστές.
Τύποι χειριστή JavaScript
Εδώ είναι μια λίστα με διαφορετικούς χειριστές που θα μάθετε σε αυτό το σεμινάριο.
- Χειριστές ανάθεσης
- Αριθμητικοί χειριστές
- Χειριστές σύγκρισης
- Λογικοί χειριστές
- Τελεστές Bitwise
- Χειριστές συμβολοσειράς
- Άλλοι χειριστές
Χειριστές ανάθεσης JavaScript
Οι τελεστές ανάθεσης χρησιμοποιούνται για την εκχώρηση τιμών σε μεταβλητές. Για παράδειγμα,
const x = 5;
Εδώ, ο =τελεστής χρησιμοποιείται για να αντιστοιχίσει την τιμή 5στη μεταβλητή x.
Ακολουθεί μια λίστα με τους χειριστές ανάθεσης που χρησιμοποιούνται συνήθως:
| Χειριστής | Ονομα | Παράδειγμα |
|---|---|---|
= | Χειριστής ανάθεσης | a = 7; // 7 |
+= | Αντιστοίχιση προσθήκης | a += 5; // a = a + 5 |
-= | Ανάθεση αφαίρεσης | a -= 2; // a = a - 2 |
*= | Εκχώρηση πολλαπλασιασμού | a *= 3; // a = a * 3 |
/= | Ανάθεση τμήματος | a /= 2; // a = a / 2 |
%= | Υπόλοιπο ανάθεση | a %= 2; // a = a % 2 |
**= | Αντιστοίχιση εκθέσεων | a **= 2; // a = a**2 |
Σημείωση: Ο χειριστής ανάθεσης που χρησιμοποιείται συνήθως είναι =. Θα καταλάβετε άλλων φορέων ανάθεσης, όπως +=, -=, *=κλπ φορά μαθαίνουμε αριθμητικούς τελεστές.
Χειριστές αριθμητικής JavaScript
Οι αριθμητικοί τελεστές χρησιμοποιούνται για την εκτέλεση αριθμητικών υπολογισμών . Για παράδειγμα,
const number = 3 + 5; // 8
Εδώ, ο +τελεστής χρησιμοποιείται για να προσθέσει δύο τελεστές.
| Χειριστής | Ονομα | Παράδειγμα |
|---|---|---|
+ | Πρόσθεση | x + y |
- | Αφαίρεση | x - y |
* | Πολλαπλασιασμός | x * y |
/ | Διαίρεση | x / y |
% | Υπόλοιπο | x % y |
++ | Αύξηση (προσαυξήσεις κατά 1) | ++x ή x++ |
-- | Μείωση (μειώσεις κατά 1) | --x ή x-- |
** | Εκτόνωση (Ισχύς) | x ** y |
Παράδειγμα 1: Αριθμητικοί τελεστές σε JavaScript
let x = 5; let y = 3; // addition console.log('x + y = ', x + y); // subtraction console.log('x - y = ', x - y); // multiplication console.log('x * y = ', x * y); // division console.log('x / y = ', x / y); // remainder console.log('x % y = ', x % y); // increment console.log('++x = ', ++x); // x is now 6 console.log('x++ = ', x++); // x returns 6 and then increases by 1 console.log('x = ', x); // decrement console.log('--x = ', --x); // x is now 6 console.log('x-- = ', x--); // x returns 6 and then increases by 1 console.log('x = ', x); //exponentiation console.log('x ** y =', x ** y);
Επισκεφτείτε το ++ και - operator για να μάθετε περισσότερα.
Παραγωγή
x + y = 8 x - y = 2 x * y = 15 x / y = 1,6666666666666667 x% y = 2 ++ x = 6 x ++ = 6 x = 7 - x = 6 x - = 6 x = 5 x ** y = 125
Σημείωση : Ο χειριστής ** παρουσιάστηκε στο EcmaScript 2016 και ορισμένα προγράμματα περιήγησης ενδέχεται να μην τα υποστηρίζουν. Για να μάθετε περισσότερα, επισκεφθείτε την υποστήριξη προγράμματος περιήγησης εκτόνωσης JavaScript.
Τελεστές σύγκρισης JavaScript
Τελεστές σύγκρισης συγκρίνει δύο τιμές και να επιστρέψει μια boolean τιμή, είτε trueή false. Για παράδειγμα,
const a = 3, b = 2; console.log(a> b); // true
Εδώ, ο χειριστής σύγκρισης >χρησιμοποιείται για να συγκρίνει εάν το a είναι μεγαλύτερο από το b.
| Χειριστής | Περιγραφή | Παράδειγμα |
|---|---|---|
== | Ισούται με : επιστρέφει trueεάν οι τελεστές είναι ίσοι | x == y |
!= | Όχι ίσο με : επιστρέφει trueεάν οι τελεστές δεν είναι ίσοι | x != y |
=== | Αυστηρό ίσο με : trueεάν οι τελεστές είναι ίσοι και του ίδιου τύπου | x === y |
!== | Αυστηρή όχι ίση με : trueεάν οι τελεστές είναι ίσοι αλλά διαφορετικού τύπου ή καθόλου ίσοι | x !== y |
> | Μεγαλύτερο από : trueεάν ο αριστερός τελεστής είναι μεγαλύτερος από τον δεξιό τελεστή | x> y |
>= | Μεγαλύτερο από ή ίσο με : trueεάν ο αριστερός τελεστής είναι μεγαλύτερος ή ίσος με τον δεξιό τελεστή | x>= y |
< | Λιγότερο από : trueεάν ο αριστερός τελεστής είναι μικρότερος από τον δεξιό τελεστή | x < y |
<= | Λιγότερο από ή ίσο με : trueεάν ο αριστερός τελεστής είναι μικρότερος ή ίσος με το δεξί τελεστή | x <= y |
Παράδειγμα 2: Τελεστές σύγκρισης σε JavaScript
// equal operator console.log(2 == 2); // true console.log(2 == '2'); // true // not equal operator console.log(3 != 2); // true console.log('hello' != 'Hello'); // true // strict equal operator console.log(2 === 2); // true console.log(2 === '2'); // false // strict not equal operator console.log(2 !== '2'); // true console.log(2 !== '2'); // false
Output
true true true true true false false true
Comparison operators are used in decision making and loops. You will learn about the use of comparison operators in detail in later tutorials.
JavaScript Logical Operators
Logical operators perform logical operations and return a boolean value, either true or false. For example,
const x = 5, y = 3; (x < 6) && (y < 5); // true
Here, && is the logical operator AND. Since both x < 6 and y < 5 are true, the result is true.
| Operator | Description | Example |
|---|---|---|
&& | Logical AND: true if both the operands are true, else returns false | x && y |
|| | Logical OR: true if either of the operands is true; returns false if both are false | x || y |
! | Logical NOT: true if the operand is false and vice-versa. | !x |
Example 3: Logical Operators in JavaScript
// logical AND console.log(true && true); // true console.log(true && false); // false // logical OR console.log(true || false); // true // logical NOT console.log(!true); // false
Output
true false true false
Logical operators are used in decision making and loops. You will learn about the use of logical operators in detail in later tutorials.
JavaScript Bitwise Operators
Bitwise operators perform operations on binary representations of numbers.
| Operator | Description |
|---|---|
& | Bitwise AND |
| | Bitwise OR |
^ | Bitwise XOR |
~ | Bitwise NOT |
<< | Left shift |
>> | Sign-propagating right shift |
>>> | Zero-fill right shift |
Bitwise operators are rarely used in everyday programming. If you are interested, visit JavaScript Bitwise Operators to learn more.
JavaScript String Operators
In JavaScript, you can also use the + operator to concatenate (join) two or more strings.
Example 4: String operators in JavaScript
// concatenation operator console.log('hello' + 'world'); let a = 'JavaScript'; a += ' tutorial'; // a = a + ' tutorial'; console.log(a);
Output
helloworld JavaScript tutorial
Σημείωση: Όταν +χρησιμοποιείται με χορδές, εκτελεί συνένωση. Ωστόσο, όταν +χρησιμοποιείται με αριθμούς, εκτελεί προσθήκη.
Άλλοι χειριστές JavaScript
Ακολουθεί μια λίστα με άλλους χειριστές που διατίθενται σε JavaScript. Θα μάθετε για αυτούς τους χειριστές σε μεταγενέστερα σεμινάρια.
| Χειριστής | Περιγραφή | Παράδειγμα |
|---|---|---|
, | αξιολογεί πολλαπλούς τελεστές και επιστρέφει την τιμή του τελευταίου τελεστή. | let a = (1, 3 , 4); // 4 |
?: | επιστρέφει την τιμή με βάση την συνθήκη | (5> 3) ? 'success' : 'error'; // "success" |
delete | διαγράφει την ιδιότητα ενός αντικειμένου ή ένα στοιχείο ενός πίνακα | delete x |
typeof | επιστρέφει μια συμβολοσειρά που δείχνει τον τύπο δεδομένων | typeof 3; // "number" |
void | απορρίπτει την τιμή επιστροφής της έκφρασης | void(x) |
in | επιστρέφει trueεάν η καθορισμένη ιδιότητα βρίσκεται στο αντικείμενο | prop in object |
instanceof | επιστρέφει trueεάν το καθορισμένο αντικείμενο είναι του καθορισμένου τύπου αντικειμένου | object instanceof object_type |
