BESTE WEBSITE FÜR WEBENTWICKLER

JS Lernprogramm

JS HEIM JS Einführung JS Wohin JS Ausgabe JS Aussagen JS Syntax JS Kommentare JS Variablen JS Let JS Const JS Betreiber JS Arithmetik JS Abtretung JS Datentypen JS Funktionen JS Objekte JS Veranstaltungen JS Strings JS String-Methoden JS String-Suche JS String-Vorlagen JS Zahlen JS Zahlenmethoden JS Arrays JS Array-Methoden JS Array-Sortierung JS Array-Iteration JS Array-Konst JS Termine JS Datumsformate JS Methoden zum Abrufen des Datums JS Methoden zur Datumsfestlegung JS Mathe JS Zufällig JS Boolesche Werte JS Vergleiche JS If Else JS Switch JS Schleife For JS Schleife For In JS Schleife For Of JS Schleife While JS Break JS Iterables JS Sets JS Karten JS Typeof JS Typkonvertierung JS Bitweise JS RegExp JS Fehler JS Umfang JS Heben JS Strikter modus JS this Stichwort JS Pfeilfunktion JS Klassen JS Module JS JSON JS Debuggen JS Gestaltungsrichtlinie JS Empfohlene Vorgehensweise JS Fehler JS Leistung JS Reservierte Wörter

JS Versionen

JS Versionen JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021/2022 JS IE / Edge JS Geschichte

JS Objekte

Objektdefinitionen Objekteigenschaften Objektmethoden Objektanzeige Objektzugriffsfunktionen Objektkonstruktoren Objektprototypen Objekt-Iterables Objektsätze Objektkarten Objektreferenz

JS Funktionen

Funktionsdefinitionen Funktionsparameter Funktionsaufruf Funktionsaufruf Funktion Anwenden Funktion binden Funktionsabschlüsse

JS Klassen

Klasseneinführung Klassenvererbung Klasse Static

JS Asynchron

JS Rückrufe JS Asynchron JS Versprechen JS Async/Await

JS HTML DOM

DOM Einführung DOM Methoden DOM Dokumentieren DOM Elemente DOM HTML DOM Formen DOM CSS DOM Animationen DOM Veranstaltungen DOM Ereignis-Listener DOM Navigation DOM Knoten DOM Sammlungen DOM Knotenlisten

JS Browser BOM

JS Fenster JS Bildschirm JS Standort JS Geschichte JS Navigator JS Popup-Benachrichtigung JS Zeitliche Koordinierung JS Cookies

JS Web APIs

Web API Einführung Web Formen API Web Geschichte API Web Lagerung API Web Arbeiter API Web Bringen API Web Geolokalisierung API

JS AJAX

AJAX Einführung AJAX XMLHttp AJAX Anfrage AJAX Antwort AJAX XML-Datei AJAX PHP AJAX ASP AJAX Datenbank AJAX Anwendungen AJAX Beispiele

JS JSON

JSON Einführung JSON Syntax JSON vs XML JSON Datentypen JSON Analysieren JSON Stringifizieren JSON Objekte JSON Arrays JSON Server JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery Selektoren jQuery HTML jQuery CSS jQuery DOM

JS Grafik

JS Grafik JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS Beispiele

JS Beispiele JS HTML DOM JS HTML Input JS HTML Objekte JS HTML Veranstaltungen JS Browser JS Editor JS Übungen JS Quiz JS Boot Camp JS Zertifikat

JS Verweise

JavaScript Objekte HTML DOM Objekte

JavaScript. W3Schools auf Deutsch. Unterricht für Anfänger

Ua En Es Fr

JavaScript Arithmetik


JavaScript -Arithmetikoperatoren

Arithmetische Operatoren führen Arithmetik für Zahlen (Literale oder Variablen) durch.

Operator Beschreibung
+ Zusatz
- Subtraktion
* Multiplikation
** Exponentiation (ES2016)
/ Division
% Modul (Rest)
++ Inkrement
-- Dekrementieren

Arithmetische Operationen

Ein typischer arithmetischer Betrieb arbeitet auf zwei Zahlen.

Die beiden Zahlen können Literale sein:

Beispiel

let x = 100 + 50;
Try it Yourself »

oder Variablen:

Beispiel

let x = a + b;
Try it Yourself »

oder Ausdrücke:

Beispiel

let x = (100 + 50) * a;
Try it Yourself »

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

Adding

The addition operator (+) adds numbers:

Beispiel

let x = 5;
let y = 2;
let z = x + y;
Try it Yourself »

Subtracting

The subtraction operator (-) subtracts numbers.

Beispiel

let x = 5;
let y = 2;
let z = x - y;
Try it Yourself »

Multiplying

The multiplication operator (*) multiplies numbers.

Beispiel

let x = 5;
let y = 2;
let z = x * y;
Try it Yourself »

Dividing

The division operator (/) divides numbers.

Beispiel

let x = 5;
let y = 2;
let z = x / y;
Try it Yourself »

Remainder

The modulus operator (%) returns the division remainder.

Beispiel

let x = 5;
let y = 2;
let z = x % y;
Try it Yourself »

In arithmetic, the division of two integers produces a quotient and a remainder.

In mathematics, the result of a modulo operation is the remainder of an arithmetic division.


Incrementing

The increment operator (++) increments numbers.

Beispiel

let x = 5;
x++;
let z = x;
Try it Yourself »

Decrementing

The decrement operator (--) decrements numbers.

Beispiel

let x = 5;
x--;
let z = x;
Try it Yourself »

Exponentiation

The exponentiation operator (**) raises the first operand to the power of the second operand.

Beispiel

let x = 5;
let z = x ** 2;          // result is 25
Try it Yourself »

x ** y produces the same result as Math.pow(x,y):

Beispiel

let x = 5;
let z = Math.pow(x,2);   // result is 25
Try it Yourself »

Operator Precedence

Operator precedence describes the order in which operations are performed in an arithmetic expression.

Beispiel

let x = 100 + 50 * 3;
Try it Yourself »

Is the result of example above the same as 150 * 3, or is it the same as 100 + 150?

Is the addition or the multiplication done first?

As in traditional school mathematics, the multiplication is done first.

Multiplication (*) and division (/) have higher precedence than addition (+) and subtraction (-).

And (as in school mathematics) the precedence can be changed by using parentheses:

Beispiel

let x = (100 + 50) * 3;
Try it Yourself »

When using parentheses, the operations inside the parentheses are computed first.

When many operations have the same precedence (like addition and subtraction), they are computed from left to right:

Beispiel

let x = 100 + 50 - 3;
Try it Yourself »

JavaScript Operator Precedence Values

Pale red entries indicate ECMAScript 2015 (ES6) or higher.

Value Operator Description Beispiel
21 ( ) Expression grouping (3 + 4)
       
20 . Member person.name
20 [] Member person["name"]
20 () Function call myFunction()
20 new Create new Date()
       
18 ++ Postfix Increment i++
18 -- Postfix Decrement i--
       
17 ++ Prefix Increment ++i
17 -- Prefix Decrement --i
17 ! Logical not !(x==y)
17 typeof Type typeof x
       
16 ** Exponentiation (ES2016) 10 ** 2
       
15 * Multiplication 10 * 5
15 / Division 10 / 5
15 % Division Remainder 10 % 5
       
14 + Addition 10 + 5
14 - Subtraction 10 - 5
       
13 << Shift left x << 2
13 >> Shift right x >> 2
13 >>> Shift right (unsigned) x >>> 2
       
12 < Less than x < y 
12 <= Less than or equal x <= y
12 > Greater than x > y
12 >= Greater than or equal x >= y
12 in Property in Object "PI" in Math
12 instanceof Instance of Object instanceof Array
       
11 == Equal x == y
11 === Strict equal x === y
11 != Unequal x != y
11 !== Strict unequal x !== y
       
10 & Bitwise AND x & y
9 ^ Bitwise XOR x ^ y
8 | Bitwise OR x | y
7 && Logical AND x && y
6 || Logical OR x || y
5 ?? Nullish Coalescing x ?? y
4 ? : Condition ? "Yes" : "No"
       
3 += Assignment x += y
3 /= Assignment x /= y
3 -= Assignment x -= y
3 *= Assignment x *= y
3 %= Assignment x %= y
3 <<= Assignment x <<= y
3 >>= Assignment x >>= y
3 >>>= Assignment x >>>= y
3 &= Assignment x &= y
3 ^= Assignment x ^= y
3 |= Assignment x |= y
       
2 yield Pause Function yield x
1 , Comma 5 , 6

Ausdrücke in Klammern werden vollständig berechnet, bevor der Wert im Rest des Ausdrucks verwendet wird.


Testen Sie sich mit Übungen

Übung:

Divide 10 von 2 und das Ergebnis alarmieren.

alert(10  2);