Hinzufügen in JavaScript

Das Durchführen der JavaScript-Hinzufügung scheint eine einfache Aufgabe zu sein, bis Sie die Anzahl der verschiedenen Möglichkeiten kennen, wie Sie sie hinzufügen können. Mathematische Berechnungen sind oft kritische Operationen, die extreme Präzision erfordern. Websites, die beispielsweise Produkte verkaufen, können nicht glaubwürdig bleiben, wenn ein Kunde aufgrund einer fehlerhaften JavaScript-Hinzufügung ein paar Cent überfordert. Wenn Sie lernen, wie Sie Zahlen richtig hinzufügen, können Sie vertrauenswürdige Websites erstellen, die numerische Daten effizient bearbeiten.

JavaScript-Eingabe

Im Gegensatz zu stark typisierten Programmiersprachen wie C # ist JavaScript lose typisiert und ermöglicht es Ihnen, einer Variablen einen beliebigen Datentyp zuzuweisen, ohne der Variablen einen bestimmten Typ zuzuweisen. In JavaScript können Sie beispielsweise einer Variablen mit dem Namen "x" so einfach eine Nummer zuweisen, wie Sie ihr das Wort "apple" zuweisen können. Diese Flexibilität ermöglicht es Ihnen, Programme zu erstellen, ohne sich um Typdeklarationen kümmern zu müssen. Die lose Datentypisierung hat jedoch auch Nachteile, da Sie auch versuchen können, die Nummer 2 in einer Variablen zu einer anderen Variablen hinzuzufügen, deren Wert "apple" ist. Dies kann in einer stark typisierten Programmiersprache nicht passieren.

Grundlegende JavaScript-Ergänzung

Der folgende Code fügt zwei Zahlen hinzu und speichert das Ergebnis in einer Variablen namens "sum":

var x = 1; var y = 2; var result = x + y;

Das Ergebnis ist in diesem einfachen Beispiel "3". Fügen Sie Zahlen in JavaScript hinzu, indem Sie ein Pluszeichen dazwischen setzen. Sie können auch die folgende Syntax verwenden, um das Hinzufügen durchzuführen:

var x + = y;

Der Operator "+ =" weist JavaScript an, die Variable auf der rechten Seite des Operators zur Variablen auf der linken Seite hinzuzufügen.

Gleitkomma-Addition

Gleitkommazahlen wie 1.234 enthalten Dezimalstellen. Wenn Sie Gleitkommazahlen wie unten gezeigt hinzufügen, behält JavaScript die Dezimalstellen bei, wie unten gezeigt:

var x = 1.234; var y = 10; var z = x + y;

Nach dem Hinzufügen von "y" zu "x" speichert "JavaScript" 11.234 "in der Variablen" z ". Sie können die Anzahl der Dezimalstellen, die in einem Ergebnis angezeigt werden, mithilfe der Funktion "toFixed" steuern. Verwenden Sie stattdessen die folgende Syntax, anstatt "y" zu "y" hinzuzufügen:

var z = (x + y) .toFixed (2);

Die Methode "toFixed" formatiert das Ergebnis so, dass nur zwei Dezimalstellen angezeigt werden. Ändern Sie "2" in eine andere Zahl, damit so viele Zahlen nach dem Dezimalpunkt erscheinen.

Hinzufügen von Textdaten

Möglicherweise haben Sie beim Versuch, die in Textfelder eingegebenen Zahlen hinzuzufügen, ein frustrierendes Problem festgestellt. Textfelder enthalten Zeichenfolgendaten, die von JavaScript als Zeichenfolgen bearbeitet werden. Mit dem folgenden Code werden zwei Zeichenfolgen mit dem Plus-Operator angehängt:

var x = "Äpfel" + "Orangen";

Die Variable "x" enthält "ApplesOranges", nachdem der Code ausgeführt wurde. Dasselbe passiert, wenn Sie die folgende Addition mit Zahlen durchführen, die in zwei Textfelder eingegeben werden, deren ID-Werte "text1" und "text2" sind:

var x = document.getElementById ("textbox1"). value; var y = document.getElementById ("textbox2"). value; var z = x + y;

Wenn das erste Textfeld "1" und das zweite Textfeld "2" enthält, hängt JavaScript diese beiden Werte an, anstatt sie hinzuzufügen, und speichert "12" in der Variablen "z". Verhindern Sie dies, indem Sie die Zahlenfunktion verwenden, wie unten gezeigt:

var z = Zahl (x) + Zahl (y);

Das Ergebnis in diesem Fall ist 3.

Präzision

Während der Datenverarbeitung muss Ihre Anwendung möglicherweise Zahlen runden und Dezimalstellen entfernen. Die Math.Round-Methode führt diese Aufgabe aus, wie im folgenden Beispiel gezeigt:

var x = 1.4 var y = 1.2; var z = Math.round (x + y);

Das Hinzufügen von "x" und "y" ergibt normalerweise 2.6 als Ergebnis. Wenn Sie jedoch Math.Round verwenden, um die Addition durchzuführen, rundet JavaScript den Wert auf 3. Diese Methode, die in allen Browsern funktioniert, rundet Zahlen auf die nächste Ganzzahl, wenn das Ergebnis 0.5 oder mehr beträgt.