JavaScript-Arithmetik

Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen

Arithmetische JavaScript-Operatoren

Arithmetische Operatoren führen Arithmetik mit Zahlen (Literalen oder Variablen) durch.

+

Zusatz

-

Subtraktion

*

Multiplikation

**

Potenzierung (ES2016)

/

Aufteilung

%

Modul (Rest)

++

Zuwachs

--

Dekrementieren

Rechenoperationen

Eine typische arithmetische Operation arbeitet mit zwei Zahlen.

Die beiden Zahlen können Literale sein:

Beispiel

let x = 100 + 50;

Probieren Sie es selbst aus →

<!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>

oder Variablen:

Beispiel

let x = a + b;

Probieren Sie es selbst aus →

<!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>

oder Ausdrücke:

Beispiel

let x = (100 + 50) * a;

Probieren Sie es selbst aus →

<!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>

Operatoren und Operanden

Die Zahlen (in einer arithmetischen Operation) werden Operanden genannt.

Die Operation (die zwischen den beiden Operanden ausgeführt werden soll) wird durch einen Operator definiert.

Operand Operator Operand
100 + 50

Hinzufügen

Der Addition-Operator (+) fügt Zahlen hinzu:

Beispiel

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

Probieren Sie es selbst aus →

<!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>

Subtrahieren

Der Subtraktionsoperator (-) subtrahiert Zahlen.

Beispiel

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

Probieren Sie es selbst aus →

<!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>

Multiplizieren

Der Multiplikation-Operator (*) multipliziert Zahlen.

Beispiel

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

Probieren Sie es selbst aus →

<!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>

Teilen

Der Division-Operator (/) dividiert Zahlen.

Beispiel

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

Probieren Sie es selbst aus →

<!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>

Rest

Der Modul-Operator (%) gibt den Divisionsrest zurück.

Beispiel

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

Probieren Sie es selbst aus →

<!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>

In der Arithmetik ergibt die Division zweier ganzer Zahlen einen Quotienten und ein Rest.

In der Mathematik ist das Ergebnis einer Modulo-Operation der Rest einer arithmetischen Division.

Inkrementieren

Der Inkrement-Operator (++) erhöht Zahlen.

Beispiel

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

Probieren Sie es selbst aus →

<!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>

Dekrementieren

Der Dekrement-Operator (--) dekrementiert Zahlen.

Beispiel

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

Probieren Sie es selbst aus →

<!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>

Potenzierung

Der Potenzierungsoperator (**) potenziert den ersten Operanden mit dem zweiten Operanden.

Beispiel

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

Probieren Sie es selbst aus →

<!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 erzeugt das gleiche Ergebnis wie Math.pow(x,y):

Beispiel

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

Probieren Sie es selbst aus →

<!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>

Vorrang des Operators

Die Operatorpriorität beschreibt die Reihenfolge, in der Operationen ausgeführt werden ein arithmetischer Ausdruck.

Beispiel

let x = 100 + 50 * 3;

Probieren Sie es selbst aus →

<!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>

Ist das Ergebnis des obigen Beispiels dasselbe wie 150 * 3 oder ist es dasselbe wie 100? + 150?

Wird zuerst die Addition oder die Multiplikation durchgeführt?

Wie in der traditionellen Schulmathematik wird zunächst die Multiplikation durchgeführt.

Multiplikation (*) und Division (/) haben eine höhere Priorität als Addition (+) und Subtraktion (-).

Und (wie in der Schulmathematik) kann die Priorität durch Verwenden geändert werden Klammern.

Bei Verwendung von Klammern werden die Operationen innerhalb der Klammern berechnet Erste:

Beispiel

let x = (100 + 50) * 3;

Probieren Sie es selbst aus →

<!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>

Wenn viele Operationen die gleiche Priorität haben (wie Addition und Subtraktion oder Multiplikation und Division), sie werden von links nach berechnet Rechts:

Beispiele

let x = 100 + 50 - 3;

Probieren Sie es selbst aus →

<!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;

Probieren Sie es selbst aus →

<!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>

Notiz

Eine vollständige Liste der Operatorprioritätswerte finden Sie unter:

Prioritätswerte für JavaScript-Operatoren.