7 τύποι χειριστών JavaScript που πρέπει να γνωρίζετε

Ένας τελεστής είναι ένα σύμβολο που λέει στον διερμηνέα να εκτελέσει μια συγκεκριμένη μαθηματική, σχεσιακή ή λογική πράξη. Οι τελεστές παίρνουν έναν ή περισσότερους τελεστές και είναι σε θέση να χειρίζονται τιμές ή τελεστές-στόχους.

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

Τύποι χειριστή JavaScript

Αυτοί είναι οι διάφοροι τελεστές που υποστηρίζει η JavaScript:

1. Αριθμητικοί τελεστές
2. Χειριστές ανάθεσης
3. Τελεστές συμβολοσειρών
4. Συγκριτικοί τελεστές
5. Λογικοί τελεστές
6. Χειριστές bitwise
7. Ειδικοί χειριστές

1. Αριθμητικοί τελεστές

Μπορείτε να χρησιμοποιήσετε αριθμητικούς τελεστές για να εκτελέσετε μαθηματικούς υπολογισμούς στους τελεστές. Η JavaScript παρέχει τους ακόλουθους αριθμητικούς τελεστές:

Χειριστής προσθήκης (+)

Μπορείτε να χρησιμοποιήσετε τον τελεστή προσθήκης (+) για να εκτελέσετε πρόσθεση στους τελεστές.

έστω a = 12;
έστω b = 10;
έστω αποτέλεσμα = a+b;
console.log (αποτέλεσμα)
console.log (1+2);
console.log (a+6);

Παραγωγή:

22
3
18

Τελεστής αφαίρεσης(-)

Χρησιμοποιήστε τον τελεστή αφαίρεσης (-) για να αφαιρέσετε τον δεξιό τελεστή από τον αριστερό τελεστή.

έστω a = 10;
έστω b = 4;
έστω αποτέλεσμα = a-b;
console.log (αποτέλεσμα);
console.log (23-20);

Παραγωγή:

6
3

Τελεστής πολλαπλασιασμού (*)

Χρησιμοποιήστε τον τελεστή πολλαπλασιασμού (*) για να πολλαπλασιάσουμε τους τελεστές.

έστω a = 10;
έστω b = 4;
έστω αποτέλεσμα = a*b;
console.log (αποτέλεσμα);
console.log (23*20);

Παραγωγή:

40
460

Χειριστής τμήματος (/)

Μπορείτε να χρησιμοποιήσετε τον τελεστή διαίρεσης (/) για να εκτελέσετε διαίρεση στους τελεστές.

έστω a = 10;
έστω b = 4;
έστω αποτέλεσμα = a/b;
console.log (αποτέλεσμα);
console.log (40/20);

Παραγωγή:

2.5
2

Modulus Operator (%)

Ο τελεστής συντελεστή (%) επιστρέφει το υπόλοιπο ακέραιου αριθμού καταδύοντας δύο τελεστές.

έστω a = 10;
έστω b = 4;
έστω αποτέλεσμα = a%b;
console.log (αποτέλεσμα);
console.log (40%20);

Παραγωγή:

2
0

Χειριστής Exponentiation (**)

Ο τελεστής εκθέσεως (**) υπολογίζει τη βάση στην ισχύ του εκθέτη (base^exponent).

έστω a = 3;
console.log (a**4);

Παραγωγή:

81

Increment Operator (++)

Ο τελεστής αύξησης (++) αυξάνει την ακέραια τιμή κατά ένα.

έστω a = 3;
// Τιμή a=4 και επιστρέφει 4
console.log(++a);
// Τιμή a=5 και επιστρέφει 4
console.log (a++);
// Τιμή a=5 και επιστρέφει 5
console.log (a);

Παραγωγή:

4
4
5

Χειριστής μείωσης (--)

Ο τελεστής μείωσης (--) μειώνει την ακέραια τιμή κατά ένα.

έστω a = 3;
// Τιμή a=2 και επιστρέφει 2
console.log(--a);
// Τιμή a=1 και επιστρέφει 2
console.log (a--);
// Τιμή a=1 και επιστρέφει 1
console.log (a);

Παραγωγή:

2
2
1

Unary Plus Operator(+)

Ο τελεστής unary plus (+) προσπαθεί να μετατρέψει τον τελεστέα σε αριθμό αν δεν είναι ήδη ένας.

console.log (typeof("10"));
console.log (typeof(+"10"));
console.log (typeof (false));
console.log (typeof(+false));

Παραγωγή:

σειρά
αριθμός
boolean
αριθμός

Unary Negation Operator(-)

Ο μοναδικός τελεστής άρνησης (-) επιστρέφει την άρνηση του τελεστή του.

έστω a = 10;
console.log(-a);

Παραγωγή:

-10

2. Χειριστές ανάθεσης

Χρησιμοποιήστε τελεστές εκχώρησης για να εκχωρήσετε τιμές σε μεταβλητές. Η JavaScript παρέχει τους ακόλουθους τελεστές ανάθεσης:

Χειριστής ανάθεσης (=)

Μπορείτε να χρησιμοποιήσετε τον τελεστή εκχώρησης (=) για να εκχωρήσετε την τιμή του δεξιού τελεστή στον αριστερό τελεστή.

// Εκχώρηση 10 σε α
έστω a = 10;
console.log (a);

Παραγωγή:

10

Χειριστής ανάθεσης προσθήκης (+=)

Ο τελεστής ανάθεσης προσθήκης (+=) χρησιμοποιείται για την προσθήκη των τιμών του αριστερού και του δεξιού τελεστή και για την εκχώρηση του αποτελέσματος στον αριστερό τελεστή.

έστω a = 10;
έστω b = 5;
// Ισοδυναμεί με a = a+b
a += b;
console.log (a);

Παραγωγή:

15

Χειριστής εκχώρησης αφαίρεσης(-=)

Ο τελεστής εκχώρησης αφαίρεσης (-=) θα αφαιρέσει τον δεξιό τελεστή από τον αριστερό τελεστή και θα αντιστοιχίσει το αποτέλεσμα στον αριστερό τελεστή.

έστω a = 10;
έστω b = 5;
// Ισοδυναμεί με a = a-b
a -= b;
console.log (a);

Παραγωγή:

5

Τελεστής εκχώρησης πολλαπλασιασμού (*=)

Χρησιμοποιήστε τον τελεστή εκχώρησης πολλαπλασιασμού (*=) για να πολλαπλασιάσετε τις τιμές του αριστερού και δεξιού τελεστή και να αντιστοιχίσετε το αποτέλεσμα στον αριστερό τελεστή.

έστω a = 10;
έστω b = 5;
// Ισοδυναμεί με a = a*b
a *= b;
console.log (a);

Παραγωγή:

50

Χειριστής ανάθεσης τμήματος (/=)

Μπορείτε να χρησιμοποιήσετε τον τελεστή εκχώρησης διαίρεσης (/=) για να διαιρέσετε την τιμή του αριστερού τελεστή με τη δεξιά τιμή του τελεστή και να αντιστοιχίσετε το αποτέλεσμα στον αριστερό τελεστή.

έστω a = 10;
έστω b = 5;
// Ισοδυναμεί με a = a/b
a /= b;
console.log (a);

Παραγωγή:

2

Υπόλοιπο χειριστή ανάθεσης (%=)

Ο υπολειπόμενος τελεστής ανάθεσης (%=) διαιρεί τον αριστερό τελεστή με τον δεξιό τελεστή και εκχωρεί το υπόλοιπο στον αριστερό τελεστή.

έστω a = 10;
έστω b = 5;
// Ισοδυναμεί με a = a%b
a %= b;
console.log (a);

Παραγωγή:

0

Χειριστής εκχώρησης εκπτώσεων (**=)

Ο τελεστής εκχώρησης εκθέσεως (**=) ανεβάζει τον αριστερό τελεστή στην ισχύ του δεξιού τελεστή και εκχωρεί το αποτέλεσμα στον αριστερό τελεστή.

έστω a = 10;
έστω b = 5;
// Ισοδυναμεί με a = a**b
α **= β;
console.log (a);

Παραγωγή:

100000

Οι τελεστές ανάθεσης bitwise (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) λειτουργούν παρόμοια. Θα μάθετε για τους bitwise τελεστές στις επόμενες ενότητες.

Σχετίζεται με: Εισαγωγή στους τύπους δεδομένων στο JavaScript

3. Χειριστές χορδών

Ο τελεστής συνένωσης (+) χρησιμοποιείται για τη σύνδεση (προσθήκη) χορδών.

let result = "Make" + "Use" + "Of";
console.log (αποτέλεσμα);

Παραγωγή:

Κάνουν χρήση του

4. Χειριστές σύγκρισης

Οι τελεστές σύγκρισης χρησιμοποιούνται για τη σύγκριση τελεστών και επιστρέφει μια λογική τιμή (αληθής ή ψευδής) βάσει σύγκρισης. Η JavaScript παρέχει τους ακόλουθους τελεστές σύγκρισης:

Ίσος χειριστής (==)

Ο ίσος τελεστής (==) επιστρέφει αληθής αν οι τελεστές είναι ίσοι. Συγκρίνει μόνο τις τιμές των τελεστών, αγνοώντας τον τύπο τους κατά τη σύγκριση.

console.log (2==4);
console.log("2"==2);

Παραγωγή:

ψευδής
αληθής

Μη ίσος χειριστής(!=)

Μη ισότιμος τελεστής (!=) επιστρέφει αληθής αν οι τελεστές δεν είναι ίσοι. Επίσης, αγνοεί τον τύπο των τελεστών κατά τη σύγκριση.

console.log (2!=4);
console.log (2!="2");

Παραγωγή:

αληθής
ψευδής

Strict Equal Operator ()

Ο αυστηρός ίσος τελεστής () επιστρέφει αληθής αν οι τελεστές είναι ίσοι. Συγκρίνει και τα δύο—τις τιμές και τους τύπους των τελεστών κατά τη σύγκριση.

console.log (24);
console.log("2"2);

Παραγωγή:

ψευδής
ψευδής

Strict Not Equal Operator (!==)

Ο αυστηρός μη ισότιμος τελεστής (!==) επιστρέφει αληθής αν οι τελεστές δεν είναι ίσοι. Συγκρίνει επίσης και τα δύο—τις τιμές και τον τύπο των τελεστών κατά τη σύγκριση.

console.log (2 !== 4);
console.log (2 !== "2");

Παραγωγή:

αληθής
αληθής

Μεγαλύτερο από τελεστή (>)

Ο μεγαλύτερος από τελεστή (>) επιστρέφει true αν ο αριστερός τελεστής είναι μεγαλύτερος από τον δεξιό τελεστή.

console.log (10>4);
console.log (5>5);

Παραγωγή:

αληθής
ψευδής

Μεγαλύτερος ή ίσος τελεστής (>=)

Ο μεγαλύτερος ή ίσος τελεστής (>=) επιστρέφει true αν ο αριστερός τελεστής είναι μεγαλύτερος ή ίσος του δεξιού τελεστή.

console.log (10 >= 4);
console.log (5 >= 5);

Παραγωγή:

αληθής
αληθής

Λιγότερο από χειριστή (

Ο μικρότερος από χειριστή (<) επιστρέφει true αν ο αριστερός τελεστής είναι μικρότερος από τον δεξιό τελεστή.

console.log (10<4);
console.log (5<5);

Παραγωγή:

ψευδής
ψευδής

Λιγότερος ή ίσος χειριστής (<=)

Ο μικρότερος ή ίσος τελεστής (<=) επιστρέφει true αν ο αριστερός τελεστής είναι μικρότερος ή ίσος με τον δεξιό τελεστή.

console.log (10 <= 4);
console.log (5 <= 5);

Παραγωγή:

ψευδής
αληθής

Σχετίζεται με: Πώς να δημιουργήσετε μια απλή αριθμομηχανή χρησιμοποιώντας HTML, CSS και JavaScript

5. Λογικοί τελεστές

Σύμφωνα με τον αξιωματούχο Έγγραφα MDN, η JavaScript παρέχει τους ακόλουθους λογικούς τελεστές:

Λογικό ΚΑΙ (&&)

Χρήση: expr1 && expr2

Επιστρέφει το expr1 εάν μπορεί να μετατραπεί σε false. Διαφορετικά, επιστρέφει το expr2. Όταν χρησιμοποιείται με τιμές Boolean, && επιστρέφει αληθής αν και οι δύο τελεστές είναι αληθείς. διαφορετικά, επιστρέφει ψευδής.

console.log (true && false);

Παραγωγή:

ψευδής

Λογικό Ή (||)

Χρήση: expr1 || expr2

Επιστρέφει το expr1 εάν μπορεί να μετατραπεί σε true. Διαφορετικά, επιστρέφει το expr2. Όταν χρησιμοποιείται με τιμές Boolean, || επιστρέφει αληθής εάν κάποιος τελεστής είναι αληθής. αν και τα δύο είναι ψευδή, επιστρέφει ψευδής.

console.log (true || false);

Παραγωγή:

αληθής

Λογικό ΟΧΙ (!)

Χρήση: !expr

Επιστροφές ψευδής αν ο μοναδικός του τελεστής μπορεί να μετατραπεί σε true. διαφορετικά, επιστρέφει αληθής.

console.log(!true);

Παραγωγή:

ψευδής

6. Bitwise Operators

Η JavaScript παρέχει τους ακόλουθους τελεστές bitwise:

Bitwise AND Operator (&)

Αυτός ο τελεστής εκτελεί Boolean ΚΑΙ λειτουργία σε κάθε bit των ακέραιων ορισμάτων του.

// Σε δυαδικό-
// 4: 100
// 1: 001
console.log (4 & 1);

Παραγωγή:

0

Bitwise OR Operator (|)

Αυτός ο τελεστής εκτελεί Boolean Ή λειτουργία σε κάθε bit των ακέραιων ορισμάτων του.

console.log (4 | 1);

Παραγωγή:

5

Bitwise XOR Operator (^)

Αυτός ο χειριστής εκτελεί μια αποκλειστικότητα Boolean Ή λειτουργία σε κάθε bit των ακέραιων ορισμάτων του.

console.log (4 ^ 1);

Παραγωγή:

5

Bitwise NOT Operator (~)

Αυτός ο τελεστής αντιστρέφει όλα τα bit του τελεστή.

console.log(~4);

Παραγωγή:

-5

Σημείωση: Η JavaScript μετατρέπει αριθμούς σε ακέραιους αριθμούς 32-bit προτού εκτελέσει μια λειτουργία bitwise. Και όταν εκτελείται η λειτουργία, μετατρέπει το αποτέλεσμα πίσω σε αριθμούς JavaScript 64-bit.

Αριστερός χειριστής Shift (<

Αυτός ο τελεστής μετατοπίζει όλα τα bit του πρώτου τελεστή του προς τα αριστερά κατά τον αριθμό των θέσεων που καθορίζονται στον δεύτερο τελεστή.

console.log (4<<1);

Παραγωγή:

8

Δεξιός χειριστής Shift (>>)

Αυτός ο τελεστής μετατοπίζει όλα τα bit του πρώτου τελεστή του προς τα δεξιά κατά τον αριθμό των θέσεων που καθορίζονται στον δεύτερο τελεστή.

console.log (4>>1);

Παραγωγή:

2

7. Ειδικοί Χειριστές

Τριαδικός χειριστής

Ο τριαδικός τελεστής είναι το συντομευμένο χέρι του αν-άλλο δήλωση. Εκχωρεί τιμή σε μια μεταβλητή με βάση μια συνθήκη, η σύνταξη για την ίδια είναι:

κατάσταση? τιμή 1: τιμή 2

Εάν η συνθήκη είναι αληθής, ο τελεστής επιστρέφει την τιμή του τιμή 1. Διαφορετικά, επιστρέφει την τιμή του τιμή 2.

έστω αποτέλεσμα = (200>100); "Ναι όχι";
console.log (αποτέλεσμα);

Παραγωγή:

Ναί

Τύπος χειριστή

ο τύπου Ο τελεστής χρησιμοποιείται για την εύρεση του τύπου δεδομένων μιας τιμής ή μιας μεταβλητής.

console.log (typeof (100));
console.log (typeof("100"));

Παραγωγή:

αριθμός
σειρά

Χρησιμοποιήστε JavaScript One-Liners για να κωδικοποιήσετε σαν επαγγελματίας

Μπορείτε να εκτελέσετε ένα ευρύ φάσμα λειτουργιών χρησιμοποιώντας μόνο μία γραμμή κώδικα σε JavaScript. Είτε θέλετε να ανακατέψετε έναν πίνακα, να εντοπίσετε τη σκοτεινή λειτουργία σε ένα πρόγραμμα περιήγησης, να δημιουργήσετε τυχαία UUID ή να βρείτε τον μέσο όρο ενός πίνακα, μπορείτε να το επιτύχετε με μια γραμμή κώδικα.

11 JavaScript One-Liners που πρέπει να γνωρίζετε

Πετύχετε πολλά με λίγο κώδικα χρησιμοποιώντας αυτήν την ευρεία γκάμα JavaScript one-liners.

Διαβάστε Επόμενο

Σχετικά με τον Συγγραφέα