Come fare l'addizione in JavaScript

Eseguire l'aggiunta di JavaScript può sembrare un'attività semplice, fino a quando non si scopre il numero di modi diversi per aggiungerli. I calcoli matematici sono spesso operazioni critiche che richiedono estrema precisione. I siti web che vendono prodotti, ad esempio, non possono rimanere credibili facendo pagare a un cliente pochi centesimi a causa di un'aggiunta JavaScript errata. Imparare ad aggiungere correttamente i numeri può aiutarti a creare siti Web affidabili che manipolano i dati numerici in modo efficiente.

Digitazione JavaScript

A differenza dei linguaggi di programmazione fortemente tipizzati come C #, JavaScript è tipizzato in modo approssimativo e consente di assegnare qualsiasi tipo di dati a una variabile senza assegnare alla variabile un tipo specifico. In JavaScript, ad esempio, puoi assegnare un numero a una variabile denominata "x" con la stessa facilità con cui puoi assegnare la parola "mela". Questa flessibilità consente di creare programmi senza preoccuparsi delle dichiarazioni di tipo. Tuttavia, la digitazione dei dati sciolta ha anche degli svantaggi, perché potresti anche tentare di aggiungere il numero 2 in una variabile a un'altra variabile il cui valore è "mela". Questo non può accadere in un linguaggio di programmazione fortemente tipizzato.

Aggiunta JavaScript di base

Il codice seguente aggiunge due numeri e memorizza il risultato in una variabile denominata "sum":

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

Il risultato è "3" in questo semplice esempio. Aggiungi numeri in JavaScript inserendo un segno più tra di loro. È inoltre possibile utilizzare la seguente sintassi per eseguire l'addizione:

var x + = y;

L'operatore "+ =" dice a JavaScript di aggiungere la variabile a destra dell'operatore alla variabile a sinistra.

Addizione in virgola mobile

I numeri a virgola mobile, come 1.234, contengono punti decimali. Se aggiungi numeri in virgola mobile come mostrato di seguito, JavaScript mantiene i punti decimali, come mostrato di seguito:

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

Dopo aver aggiunto "y" a "x", JavaScript memorizza "11.234" nella variabile "z". È possibile controllare il numero di punti decimali visualizzati in un risultato utilizzando la funzione "toFixed". Invece di aggiungere "x" a "y", utilizza invece la seguente sintassi:

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

Il metodo "toFixed" formatta il risultato in modo che visualizzi solo due punti decimali. Cambia "2" con qualsiasi altro numero per far apparire tanti numeri dopo il punto decimale.

Aggiunta di dati di testo

Potresti aver scoperto un problema frustrante durante il tentativo di aggiungere i numeri inseriti nelle caselle di testo. Le caselle di testo contengono dati stringa e JavaScript li manipola come stringhe. Il codice seguente aggiunge due stringhe utilizzando l'operatore più:

var x = "Mele" + "Arance";

La variabile "x" contiene "ApplesOranges" dopo l'esecuzione del codice. La stessa cosa accade se esegui la seguente aggiunta utilizzando numeri immessi in due caselle di testo i cui valori ID sono "testo1" e "testo2":

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

Se la prima casella di testo contiene "1" e la seconda casella di testo contiene "2", JavaScript aggiunge questi due valori invece di aggiungerli e memorizza "12" nella variabile "z". Per evitare che ciò accada, utilizzare la funzione Numero, come mostrato di seguito:

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

Il risultato in questo caso è 3.

Precisione

Durante l'elaborazione dei dati, l'applicazione potrebbe dover arrotondare i numeri ed eliminare i punti decimali. Il metodo Math.Round esegue questa attività, come dimostrato nell'esempio seguente:

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

L'aggiunta di "x" e "y" qui normalmente produce 2.6 come risultato. Tuttavia, se si utilizza Math.Round per eseguire l'addizione, JavaScript arrotonda il valore a 3. Questo metodo, che funziona in tutti i browser, arrotonda i numeri all'intero successivo se il risultato è 0,5 o maggiore.