Αριθμητική JavaScript

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

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

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

Οι αριθμητικοί τελεστές εκτελούν αριθμητική σε αριθμούς (κυριολεκτικά ή μεταβλητές).

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

Αριθμητικές Πράξεις

Μια τυπική αριθμητική πράξη λειτουργεί σε δύο αριθμούς.

Οι δύο αριθμοί μπορεί να είναι κυριολεκτικοί:

Παράδειγμα

let x = 100 + 50;

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

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Arithmetic</h2>
<p>A typical arithmetic operation takes two numbers and produces a new number.</p>

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

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

</body>
</html>

ή μεταβλητές:

Παράδειγμα

let x = a + b;

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

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>

ή εκφράσεις:

Παράδειγμα

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>

Χειριστές και χειριστές

Οι αριθμοί (σε μια αριθμητική πράξη) ονομάζονται τελεστές.

Η λειτουργία (που θα εκτελεστεί μεταξύ των δύο τελεστών) ορίζεται από έναν τελεστή.

Operand	Operator	Operand
100	+	50

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

Ο τελεστής addition (+) προσθέτει αριθμούς:

Παράδειγμα

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>

Αφαίρεση

Ο τελεστής αφαίρεση (-) αφαιρεί αριθμούς.

Παράδειγμα

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>

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

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

Παράδειγμα

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>

Διαιρώντας

Ο τελεστής διαίρεση (/) διαιρεί αριθμούς.

Παράδειγμα

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>

Υπόλοιπο

Ο τελεστής modulus (%) επιστρέφει το υπόλοιπο διαίρεσης.

Παράδειγμα

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>

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

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

Αύξηση

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

Παράδειγμα

let x = 5;
x++;
let z = x;

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

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>

Μείωση

Ο τελεστής decrement (--) μειώνει τους αριθμούς.

Παράδειγμα

let x = 5;
 x--;
let z = x;

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

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>

Εκθεσιμότητα

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

Παράδειγμα

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

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

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>

x ** y παράγει το ίδιο αποτέλεσμα με το Math.pow(x,y):

Παράδειγμα

let x = 5;
let z =
  Math.pow(x,2);

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>Math.pow()</h2>

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

<script>
let x = 5;
document.getElementById("demo").innerHTML = Math.pow(x,2);
</script>

</body>
</html>

Προτεραιότητα χειριστή

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

Παράδειγμα

let x = 100 + 50 * 3;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>Operator Precedence</h2>
<p>Multiplication has precedence over addition.</p>

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

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

</body>
</html>

Το αποτέλεσμα του παραπάνω παραδείγματος είναι ίδιο με 150 * 3 ή είναι ίδιο με 100 + 150?

Γίνεται πρώτα η πρόσθεση ή ο πολλαπλασιασμός;

Όπως και στα παραδοσιακά σχολικά μαθηματικά, ο πολλαπλασιασμός γίνεται πρώτα.

Ο πολλαπλασιασμός (*) και η διαίρεση (/) έχουν υψηλότερη προτεραιότητα από πρόσθεση (+) και αφαίρεση (-).

Και (όπως στα σχολικά μαθηματικά) η προτεραιότητα μπορεί να αλλάξει χρησιμοποιώντας παρενθέσεις.

Όταν χρησιμοποιείτε παρενθέσεις, υπολογίζονται οι πράξεις μέσα στις παρενθέσεις πρώτα:

Παράδειγμα

let x = (100 + 50) * 3;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>Operator Precedence</h2>
<p>Multiplication has precedence over addition.</p>
<p>But parenthesis has precedence over multiplication.</p>

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

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

</body>
</html>

Όταν πολλές πράξεις έχουν την ίδια προτεραιότητα (όπως πρόσθεση και αφαίρεση ή πολλαπλασιασμός και διαίρεση), υπολογίζονται από τα αριστερά προς τα σωστά:

Παραδείγματα

let x = 100 + 50 - 3;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>Operator Precedence</h2>
<p>When many operations has the same precedence, they are computed from left to right.</p>

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

<script>
document.getElementById("demo").innerHTML = 100 + 50 - 3;
</script>

</body>
</html>

let x = 100 / 50 * 3;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>Operator Precedence</h2>
<p>When many operations has the same precedence, they are computed from left to right.</p>

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

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

</body>
</html>

Σημείωση

Για μια πλήρη λίστα τιμών προτεραιότητας τελεστή μεταβείτε στη διεύθυνση:

Τιμές προτεραιότητας χειριστή JavaScript.