JavaScript - Arithmetische Operatoren

Hallo da draußen, zukünftige Codingsuperstars! Ich freue mich sehr, Ihr Guide auf dieser aufregenden Reise in die Welt der JavaScript-Arithmetischen Operatoren zu sein. Als jemand, der seit Jahren Programmieren unterrichtet, kann ich Ihnen sagen, dass das Beherrschen dieser Operatoren wie das Lernen der grundlegenden Schritte in einem Tanz ist – sobald Sie sie draufhaben, sind Sie bereit, einige wirklich erstaunliche Routinen (oder in unserem Fall, Programme) zu erstellen!

JavaScript - Arithmetic Operators

JavaScript-Arithmetische Operatoren

Bevor wir eintauchen, lassen Sie uns einen Moment Zeit nehmen, um zu verstehen, was arithmetische Operatoren sind. Denken Sie an sie als die grundlegenden mathematischen Werkzeuge in Ihrer JavaScript-Werkzeugkiste. Sie ermöglichen es Ihnen, mathematische Operationen mit Zahlen durchzuführen, genau wie Sie es mit einem Taschenrechner tun würden. Aber glauben Sie mir, sie sind viel leistungsfähiger als Ihr durchschnittlicher Taschenrechner!

Hier ist eine Tabelle aller arithmetischen Operatoren, die wir heute behandeln werden:

Operator Name Beschreibung
+ Addition Addiert zwei Zahlen
- Subtraktion Subtrahiert die rechte Zahl von der linken
* Multiplikation Multipliziert zwei Zahlen
/ Division Teilt die linke Zahl durch die rechte
% Modulus Gibt den Rest einer Division zurück
++ Inkrement Erhöht eine Zahl um 1
-- Dezrement Verringert eine Zahl um 1

Nun, lassen Sie uns diese einer nach dem anderen durchgehen, nicht wahr?

JavaScript-Additionsoperator (+)

Der Additionsoperator ist wahrscheinlich der freundlichste unter ihnen. Es ist wie diese fröhliche Person, die immer versucht, Dinge zusammenzubringen!

let äpfel = 5;
let orangen = 3;
let gesamtObst = äpfel + orangen;

console.log(gesamtObst); // Ausgabe: 8

In diesem Beispiel addieren wir Äpfel und Orangen (etwas, das man uns immer sagte, wir nicht tun sollten, aber in JavaScript ist alles möglich!). Der + Operator addiert den Wert von orangen zu äpfel, und wir speichern das Ergebnis in gesamtObst.

Aber wartet, es gibt mehr! Der + Operator hat eine geheime Identität. Wenn er mit Zeichenfolgen verwendet wird, wird er zum Verkettungsoperator:

let begrüßung = "Hallo";
let name = "Welt";
let nachricht = begrüßung + " " + name;

console.log(nachricht); // Ausgabe: "Hallo Welt"

Hier verknüpft + unsere Zeichenfolgen. Es ist wie ein sprachlicher Matchmaker!

JavaScript-Subtraktionsoperator (-)

Als Nächstes ist der Subtraktionsoperator dran. Es ist ein bisschen wie dieser Freund, der immer Dinge leiht und sie nie zurückgibt.

let gesamtKekse = 10;
let gegesseneKekse = 3;
let verbleibendeKekse = gesamtKekse - gegesseneKekse;

console.log(verbleibendeKekse); // Ausgabe: 7

In diesem leckeren Beispiel beginnen wir mit 10 Keksen, essen 3 (lecker!), und der - Operator hilft uns herauszufinden, wie viele wir noch haben. Es ist eine wichtige Fähigkeit für das Keks-Inventar-Management!

JavaScript-Multiplikationsoperator (*)

Der Multiplikationsoperator ist der Überflieger der Gruppe. Er ist nicht zufrieden damit, Dinge nur einmal zusammenzuzählen, er will es mehrmals tun!

let preisProApfel = 0.5;
let anzahlÄpfel = 6;
let gesamtKosten = preisProApfel * anzahlÄpfel;

console.log(gesamtKosten); // Ausgabe: 3

Hier berechnen wir die Gesamtkosten unseres Apfelkaufs. Der * Operator multipliziert den Preis pro Apfel mit der Anzahl der Äpfel, was uns das againholte Addieren von 0.5 sechs Mal erspart. Puh!

JavaScript-Divisionsoperator (/)

Division ist wie der Schlichter in der Welt der Arithmetik, immer versucht, Dinge gleichmäßig zu teilen.

let gesamtPizza = 8;
let anzahlFreunde = 4;
let scheibenProFreund = gesamtPizza / anzahlFreunde;

console.log(scheibenProFreund); // Ausgabe: 2

In diesem Beispiel teilen wir unsere Pizza gleichmäßig mit unseren Freunden. Der / Operator teilt die Gesamtscheiben durch die Anzahl der Freunde, ensuring Harmony (und gleichmäßige Pizza-Verteilung) in unserer sozialen Gruppe.

JavaScript-Modulusoperator (%)

Der Modulusoperator ist der schräge trong der Familie. Er gibt Ihnen nicht das Ergebnis der Division, sondern vielmehr was übrig bleibt.

let kekse = 10;
let menschen = 3;
let übrigGebliebeneKekse = kekse % menschen;

console.log(übrigGebliebeneKekse); // Ausgabe: 1

Hier versuchen wir, 10 Kekse unter 3 Menschen zu verteilen. Der % Operator tells uns, wie viele Kekse übrig bleiben, nachdem jedem eine gleiche Menge gegeben wurde. In diesem Fall ist es ein Keks. (Pro-Tipp: immer freiwillig derjenige sein, der den übrig gebliebenen Keks bekommt!)

JavaScript-Incrementoperator (++)

Der Inkrementoperator ist wie ein kleiner Cheerleader für Ihre Zahlen, immer ermutigend, sie um eins zu erhöhen.

let zähler = 0;
zähler++;
console.log(zähler); // Ausgabe: 1
zähler++;
console.log(zähler); // Ausgabe: 2

In diesem Beispiel beginnen wir mit einem Zähler von 0. Jedes Mal, wenn wir ++ verwenden, erhöht es den Zähler um 1. Es ist besonders nützlich in Schleifen, aber das ist eine andere Geschichte für einen anderen Tag!

JavaScript-Decrementoperator (--)

Zuletzt, aber nicht minder wichtig, haben wir den Dezrementoperator. Es ist das Yin zum Yang des Inkrementoperators, immer Zahlen um eins zu verringern.

let leben = 3;
console.log(leben); // Ausgabe: 3
leben--;
console.log(leben); // Ausgabe: 2
leben--;
console.log(leben); // Ausgabe: 1

Hier simulieren wir ein Spiel, bei dem der Spieler mit 3 Leben startet. Jedes Mal, wenn wir -- verwenden, verringert es die Anzahl der Leben um 1. Es ist alles Spaß und Spiele, bis Sie keine Leben mehr haben!

Und da haben Sie es, Leute! Sie haben gerade Ihre ersten Schritte in die Welt der JavaScript-Arithmetischen Operatoren gemacht. Erinnern Sie sich daran, Übung macht den Meister, also fürchten Sie sich nicht, diese Operatoren in Ihrem eigenen Code auszuprobieren. Bevor Sie es wissen, werden Sie Berechnungen mit der Geschwindigkeit und Präzision eines Superscomputers durchführen (na fast)!

Weiters coden, weiter lernen und vor allem: weiter Spaß haben! Bis zum nächsten Mal, Ihr freundlicher Nachbar-Coding-Instruktor, der sich verabschiedet. Frohes Coden!

Credits: Image by storyset