Χειριστές JavaScript

Πίνακας περιεχομένων

Ο Χειριστής προσθήκης + προσθέτει αριθμούς:

Ο Τελεστής ανάθεσης = εκχωρεί μια τιμή σε μια μεταβλητή.

Ανάθεση JavaScript

Ο Τελεστής ανάθεσης (=) εκχωρεί μια τιμή σε μια μεταβλητή:

Παραδείγματα εργασιών

let x = 10;

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The = Operator</h2>

<p id="demo"></p>

<script>
let x = 10;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

// Assign the value 5 to x
let x = 5;
// Assign the value 2 to y
let y = 2;
// Assign the value x + y to z:
let z = x + y;

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The Assignment (=) Operator</h2>

<p id="demo"></p>

<script>
// Assign the value 5 to x
let x = 5;
// Assign the value 2 to y
let y = 2;
// Assign the value x + y to z
let z = x + y;
// Display z
document.getElementById("demo").innerHTML = "The sum of x + y is: " + z;
</script>

</body>
</html>

Προσθήκη JavaScript

Ο Χειριστής προσθήκης (+) προσθέτει αριθμούς:

Προσθέτωντας

let x = 5;
let y = 2;
let z = x + y;

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The + Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 2;
let z = x + y;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

Πολλαπλασιασμός JavaScript

Ο Τελεστής πολλαπλασιασμού (*) πολλαπλασιάζει τους αριθμούς:

Πολλαπλασιάζοντας

let x = 5;
let y = 2;
let z = x * y;

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The * Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 2;
let z = x * y;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

Τύποι χειριστών JavaScript

Υπάρχουν διάφοροι τύποι τελεστών JavaScript:

Αριθμητικοί τελεστές
Χειριστές ανάθεσης
Χειριστές σύγκρισης
Χειριστές χορδών
Λογικοί τελεστές
Bitwise Operators
Τριμερείς χειριστές
Τύπος χειριστές

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

Οι Αριθμητικοί τελεστές χρησιμοποιούνται για την εκτέλεση αριθμητικών αριθμών:

Παράδειγμα αριθμητικών τελεστών

let a = 3;
let x = (100 + 50) * a;

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>Arithmetic Operations</h2>
<p>A typical arithmetic operation takes two numbers (or expressions) and produces a new number.</p>

<p id="demo"></p>

<script>
let a = 3;
let x = (100 + 50) * a;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

+: Πρόσθεση
-: Αφαίρεση
*: Πολλαπλασιασμός
**: Εκπτώσεις (ES2016)
/: Διαίρεση
%: Modulus (Υπόλοιπο τμήματος)
++: Αύξηση
--: Μείωση

Σημείωση

Οι αριθμητικοί τελεστές περιγράφονται πλήρως στο JS Arithmeticκεφάλαιο.

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

Οι τελεστές εκχώρησης εκχωρούν τιμές σε μεταβλητές JavaScript.

Ο Χειριστής εκχώρησης προσθήκης (+=) προσθέτει μια τιμή σε μια μεταβλητή.

ΑΝΑΘΕΣΗ ΕΡΓΑΣΙΑΣ

let x = 10;
x += 5;

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The += Operator</h2>

<p id="demo"></p>

<script>
var x = 10;
x += 5;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

Operator	Example	Same As
=	x = y	x = y
+=	x += y	x = x + y
-=	x -= y	x = x - y
*=	x *= y	x = x * y
/=	x /= y	x = x / y
%=	x %= y	x = x % y
**=	x **= y	x = x ** y

Σημείωση

Οι τελεστές ανάθεσης περιγράφονται πλήρως στο Κεφάλαιο JS Assignment.

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

==: ίσο με
===: ίσης αξίας και ίσου τύπου
!=: όχι ίσα
!==: μη ίσης αξίας ή μη ίσου τύπου
>: μεγαλύτερος από
<: λιγότερο από
>=: μεγαλύτερο ή ίσο με
<=: μικρότερο ή ίσο με
?: τριαδικός χειριστής

Σημείωση

Οι τελεστές σύγκρισης περιγράφονται πλήρως στο JS Comparisonsκεφάλαιο.

Σύγκριση συμβολοσειρών JavaScript

Όλοι οι παραπάνω τελεστές σύγκρισης μπορούν επίσης να χρησιμοποιηθούν σε συμβολοσειρές:

Παράδειγμα

let text1 = "A";
let text2 = "B";
let result = text1 < text2;

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>

<p>All conditional operators can be used on both numbers and strings.</p>

<p id="demo"></p>

<script>
let text1 = "A";
let text2 = "B";
let result = text1 < text2;
document.getElementById("demo").innerHTML = "Is A less than B? " + result;
</script>

</body>
</html>

Σημειώστε ότι οι συμβολοσειρές συγκρίνονται αλφαβητικά:

Παράδειγμα

let text1 = "20";
let text2 = "5";
let result = text1 < text2;

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Operators</h1>
<p>Note that strings are compared alphabetically:</p>

<p id="demo"></p>

<script>
let text1 = "20";
let text2 = "5";
let result = text1 < text2;
document.getElementById("demo").innerHTML = "Is 20 less than 5? " + result;
</script>

</body>
</html>

Προσθήκη συμβολοσειράς JavaScript

Το + μπορεί επίσης να χρησιμοποιηθεί για την προσθήκη (σύνδεση) συμβολοσειρών:

Παράδειγμα

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>
<h2>The + Operator</h2>
<p>The + operator concatenates (adds) strings.</p>

<p id="demo"></p>

<script>
let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;
document.getElementById("demo").innerHTML = text3;
</script>

</body>
</html>

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

Παράδειγμα

let text1 = "What a very ";
text1 += "nice day";

Το αποτέλεσμα του κειμένου 1 θα είναι:

What a very nice day

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>
<h2>The += Operator</h2>
<p>The assignment operator += can concatenate strings.</p>

<p id="demo"></p>

<script>
let text1 = "What a very ";
text1 += "nice day";
document.getElementById("demo").innerHTML = text1;
</script>

</body>
</html>

Σημείωση

Όταν χρησιμοποιείται σε συμβολοσειρές, ο τελεστής + ονομάζεται τελεστής συνένωσης.

Προσθήκη συμβολοσειρών και αριθμών

Η προσθήκη δύο αριθμών θα επιστρέψει το άθροισμα, αλλά η προσθήκη ενός αριθμού και μιας συμβολοσειράς θα επιστρέψει μια συμβολοσειρά:

Παράδειγμα

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

Το αποτέλεσμα των x, y και z θα είναι:


10

55

Hello5

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>
<h2>The + Operator</h2>
<p>Adding a number and a string, returns a string.</p>

<p id="demo"></p>

<script>
let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;
document.getElementById("demo").innerHTML =
x + "<br>" + y + "<br>" + z;
</script>

</body>
</html>

Σημείωση

Εάν προσθέσετε έναν αριθμό και μια συμβολοσειρά, το αποτέλεσμα θα είναι μια συμβολοσειρά!

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

&&: λογικό και
||: λογικό ή
!: λογικό όχι

Σημείωση

Οι λογικοί τελεστές περιγράφονται πλήρως στο JS Comparisonsκεφάλαιο.

Χειριστές τύπου JavaScript

typeof: Επιστρέφει τον τύπο μιας μεταβλητής
instanceof: Επιστρέφει true εάν ένα αντικείμενο είναι μια παρουσία ενός τύπου αντικειμένου

Σημείωση

Οι τελεστές τύπου περιγράφονται πλήρως στο κεφάλαιο Μετατροπή τύπου JS.

JavaScript Bitwise Operators

Οι τελεστές bit εργάζονται σε αριθμούς 32 bit.

Οποιοσδήποτε αριθμητικός τελεστής στη λειτουργία μετατρέπεται σε αριθμό 32 bit. Το αποτέλεσμα μετατρέπεται ξανά σε αριθμό JavaScript.

Operator	Description	Example	Same as	Result	Decimal
&	AND	5 & 1	0101 & 0001	0001	1
\|	OR	5 \| 1	0101 \| 0001	0101	5
~	NOT	~ 5	~0101	1010	10
^	XOR	5 ^ 1	0101 ^ 0001	0100	4
<<	left shift	5 << 1	0101 << 1	1010	10
>>	right shift	5 >> 1	0101 >> 1	0010	2
>>>	unsigned right shift	5 >>> 1	0101 >>> 1	0010	2

Τα παραπάνω παραδείγματα χρησιμοποιούν παραδείγματα χωρίς υπογραφή 4 bit. Αλλά η JavaScript χρησιμοποιεί αριθμούς με υπογραφή 32 bit.
Εξαιτίας αυτού, στο JavaScript, το ~ 5 δεν θα επιστρέψει το 10. Θα επιστρέψει -6.
~00000000000000000000000000000101 θα επιστρέψει 11111111111111111111111111111010

Οι τελεστές bitwise περιγράφονται πλήρως στο JS Bitwiseκεφάλαιο.