Ανάθεση JavaScript

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

    Εμφάνιση πίνακα περιεχομένων

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

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

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

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

Operator Example Same As
<<= x <<= y x = x << y
>>= x >>= y x = x >> y
>>>= x >>>= y x = x >>> y

Bitwise Assignment Operators

Operator Example Same As
&= x &= y x = x & y
^= x ^= y x = x ^ y
|= x |= y x = x | y

Logical Assignment Operators

Operator Example Same As
&&= x &&= y x = x && (x = y)
||= x ||= y x = x || (x = y)
??= x ??= y x = x ?? (x = y)

Σημείωση

Οι τελεστές λογικής εκχώρησης είναι ES2020

Ο=Χειριστής

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

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

let x = 10;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Simple Assignment</h2>
<h3>The = Operator</h3>

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

<script>
let x = 10;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

let x = 10 + y;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Simple Assignment</h2>
<h3>The = Operator</h3>

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

<script>
let y = 50
let x = 10 + y;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ο χειριστής +=

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

Παραδείγματα εργασιών προσθήκης

let x = 10;
x += 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Addition Assignment</h2>
<h3>The += Operator</h3>

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

<script>
let x = 10;
x += 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

let text = "Hello";
text += " World";

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Addition Assignment</h2>
<h3>The += Operator</h3>

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

<script>
let text = "Hello";
text += " World";
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

Ο -= Χειριστής

Ο Τελιστής εκχώρησης αφαίρεσης αφαιρεί μια τιμή από μια μεταβλητή.

Παράδειγμα ανάθεσης αφαίρεσης

let x = 10;
x -= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Subtraction Assignment</h2>
<h3>The -= Operator</h3>

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

<script>
let x = 10;
x -= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ο *= Χειριστής

Ο Τελιστής εκχώρησης πολλαπλασιασμού πολλαπλασιάζει μια μεταβλητή.

Παράδειγμα ανάθεσης πολλαπλασιασμού

let x = 10;
x *= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Multiplication Assignment</h2>
<h3>The *= Operator</h3>

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

<script>
let x = 10;
x *= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ο **= Χειριστής

Ο Τελεστής εκχώρησης εκθέσεως αυξάνει μια μεταβλητή στην ισχύ του τελεστή.

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

let x = 10;
x **= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Exponentiation Assignment</h2>
<h3>The **= Operator</h3>

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

<script>
let x = 10;
x **= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ο /= Χειριστής

Ο Τελευτής ανάθεσης τμήματος διαιρεί μια μεταβλητή.

Παράδειγμα ανάθεσης διαίρεσης

let x = 10;
x /= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Division Assignment</h2>
<h3>The /= Operator</h3>

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

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

</body>
</html>

Ο %= Χειριστής

Ο Τελευτής ανάθεσης υπολοίπου εκχωρεί ένα υπόλοιπο σε μια μεταβλητή.

Παράδειγμα ανάθεσης υπολοίπων

let x = 10;
x %= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Remainder Assignment</h2>
<h3>The %= Operator</h3>

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

<script>
let x = 10;
x %= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ο <<= Χειριστής

Ο Αριστερός χειριστής εκχώρησης μετατόπισης μετατοπίζει μια μεταβλητή προς τα αριστερά.

Παράδειγμα ανάθεσης αριστερής μετατόπισης

let x = -100;
x <<= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Left Shift Assignment</h2>
<h3>The &lt;&lt;= Operator</h3>

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

<script>
let x = -100;
x <<= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ο >>= Χειριστής

Ο Δεξιά τελεστής εκχώρησης μετατόπισης μετατοπίζει δεξιά μια μεταβλητή (υπογραφή).

Παράδειγμα ανάθεσης δεξιάς μετατόπισης

let x = -100;
x >>= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Right Shift Assignment</h2>
<h3>The &gt;&gt;= Operator</h3>

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

<script>
let x = -100;
x >>= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ο >>>= Χειριστής

Ο Unsigned Right Shift Assignment Operator δεξιά μετατοπίζει μια μεταβλητή (χωρίς υπογραφή).

Παράδειγμα ανάθεσης ανυπόγραφης δεξιάς μετατόπισης

let x = -100;
x >>>= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Right Shift Assignment</h2>
<h3>The &gt;&gt;&gt;= Operator</h3>

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

<script>
let x = -100;
x >>>= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ο χειριστής &=

Ο τελεστής Bitwise AND Assignment Operator κάνει μια λειτουργία bitwise AND σε δύο τελεστές και εκχωρεί το αποτέλεσμα στη μεταβλητή.

Παράδειγμα Bitwise AND Assignment

let x = 10;
x &= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Bitwise AND Assignment</h2>
<h3>The &amp;= Operator</h3>

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

<script>
let x = 100;
x &= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ο |= Χειριστής

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

Παράδειγμα αντιστοίχισης bitwise OR

let x = 10;
x |= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Bitwise OR Assignment</h2>
<h3>The |= Operator</h3>

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

<script>
let x = 100;
x |= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ο ^= Χειριστής

Ο Bitwise XOR Assignment Operator κάνει μια λειτουργία XOR bitwise σε δύο τελεστές και εκχωρεί το αποτέλεσμα στη μεταβλητή.

Παράδειγμα ανάθεσης XOR bitwise

let x = 10;
x ^= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Bitwise XOR Assignment</h2>
<h3>The ^= Operator</h3>

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

<script>
let x = 100;
x ^= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ο χειριστής &&=

Ο τελεστής Λογικός AND εκχώρησης χρησιμοποιείται μεταξύ δύο τιμών.

Εάν η πρώτη τιμή είναι αληθής, εκχωρείται η δεύτερη τιμή.

Παράδειγμα Λογικής ΚΑΙ Εργασίας

let x = 10;
x &&= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Logical AND Assignment</h2>
<h3>The &amp;&amp;= Operator</h3>
<p>If the first value is true, the second value is assigned.</p>

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

<script>
let x = 100;
x &&= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ο τελεστής &&= είναι μια δυνατότητα ES2020.

Ο ||= Χειριστής

Ο τελεστής Λογικός τελεστής εκχώρησης Ή χρησιμοποιείται μεταξύ δύο τιμών.

Εάν η πρώτη τιμή είναι ψευδής, εκχωρείται η δεύτερη τιμή.

Παράδειγμα λογικού Ή ανάθεσης

let x = 10;
x ||= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Logical OR Assignment</h2>
<h3>The ||= Operator</h3>

<p>If the first value is false, the second value is assigned:</p>
<p id="demo"></p>

<script>
let x = undefined;
x ||= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ο τελεστής ||= είναι μια δυνατότητα ES2020.

Ο ??= Χειριστής

Ο τελεστής εκχώρησης Nullish coalescing χρησιμοποιείται μεταξύ δύο τιμών.

Εάν η πρώτη τιμή είναι απροσδιόριστη ή μηδενική, εκχωρείται η δεύτερη τιμή.

Παράδειγμα Ανάθεσης Nullish Coalescing

let x;
x ??= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>The ??= Operator</h2>
<p>The ??= operator is used between two values. If the first value is undefined or null, the second value is assigned.</p>

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

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

</body>
</html>

Ο τελεστής ??= είναι μια δυνατότητα ES2020.