Esercitazione JS

JS CASA JS Introduzione JS Dove si va Uscita JS Dichiarazioni JS Sintassi JS Commenti JS Variabili JS JS Let JS Cost Operatori JS JS aritmetica Assegnazione JS Tipi di dati JS Funzioni JS Oggetti JS Eventi JS Corde JS Metodi di stringa JS Ricerca di stringhe JS Modelli di stringhe JS Numeri JS Metodi numerici JS Matrici JS Metodi array JS Ordinamento matrice JS Iterazione dell'array JS Cost. array JS Date JS Formati data JS Metodi di acquisizione della data JS Metodi di impostazione della data JS JS matematica JS Casuale JS booleani Confronti JS Condizioni JS JS Switch Ciclo JS per JS Loop per In Ciclo JS per di JS Loop mentre JS Break Iterabili JS Insiemi JS Mappe JS Tipo JS Conversione del tipo JS JS bit a bit JS RegExp Errori JS Ambito JS JS sollevamento Modalità rigorosa JS JS questa parola chiave Funzione freccia JS Classi JS JS JSON Debug JS Guida allo stile JS Migliori Pratiche JS Errori di JS Prestazioni JS Parole riservate JS

Versioni JS

Versioni JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Storia di JS

Oggetti JS

Definizioni di oggetti Proprietà dell'oggetto Metodi dell'oggetto Visualizzazione di oggetti Accessori per oggetti Costruttori di oggetti Prototipi di oggetti Iterabili di oggetti Insiemi di oggetti Mappe degli oggetti Riferimento all'oggetto

Funzioni JS

Definizioni delle funzioni Parametri di funzione Invocazione di funzione Chiamata di funzione Funzione Applica Chiusure di funzioni

Classi JS

Introduzione alla classe Eredità di classe Classe statica

JS Async

Richiamate JS JS asincrono JS Promesse JS Async/Attendere

JS HTML DOM

DOM Introduzione Metodi DOM Documento DOM Elementi DOM DOM HTML Moduli DOM DOM CSS Animazioni DOM Eventi DOM Ascoltatore di eventi DOM Navigazione DOM Nodi DOM Collezioni DOM Elenchi di nodi DOM

Distinta base del browser JS

Finestra JS Schermo JS Posizione JS Storia di JS Navigatore JS Avviso popup JS JS tempismo Biscotti JS

API Web JS

Introduzione all'API Web API dei moduli Web API Cronologia web API di archiviazione Web API Web Worker API di recupero Web API di geolocalizzazione web

JS AJAX

Introduzione all'Ajax AJAX XMLHttp Richiesta AJAX Risposta dell'AJAX File XML AJAX AJAX PHP AJAX ASP Database AJAX Applicazioni AJAX Esempi AJAX

JS JSON

Introduzione JSON Sintassi JSON JSON contro XML Tipi di dati JSON Analisi JSON JSON Stringify Oggetti JSON Matrici JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Selettori jQuery jQuery HTML jQuery CSS jQuery DOM

Grafica JS

Grafica JS Tela JS JS Plotly JS Chart.js Grafico di Google JS JS D3.js

Esempi JS

Esempi JS JS HTML DOM Input HTML JS Oggetti HTML JS Eventi HTML JS Browser JS Editore JS Esercizi JS Quiz J.S Certificato JS

Riferimenti JS

Oggetti JavaScript Oggetti HTML DOM


JavaScript aritmetica


Operatori aritmetici JavaScript

Gli operatori aritmetici eseguono operazioni aritmetiche sui numeri (letterali o variabili).

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Remainder)
++ Increment
-- Decrement

Operazioni aritmetiche

Una tipica operazione aritmetica opera su due numeri.

I due numeri possono essere letterali:

Esempio

let x = 100 + 50;

o variabili:

Esempio

let x = a + b;

o espressioni:

Esempio

let x = (100 + 50) * a;

Operatori e operandi

I numeri (in un'operazione aritmetica) sono chiamati operandi .

L'operazione (da eseguire tra i due operandi) è definita da un operatore .

operando Operatore operando
100 + 50


Aggiunta

L' operatore di addizione+ ( ) aggiunge i numeri:

Esempio

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

Sottrazione

L' operatore di sottrazione- ( ) sottrae i numeri.

Esempio

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

Moltiplicando

L' operatore di moltiplicazione* ( ) moltiplica i numeri.

Esempio

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

Dividendo

L' operatore di divisione/ ( ) divide i numeri.

Esempio

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

Resto

L' operatore modulo% ( ) restituisce il resto della divisione.

Esempio

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

In aritmetica, la divisione di due interi produce un quoziente e un resto .

In matematica, il risultato di un'operazione modulo è il resto di una divisione aritmetica.


Incremento

L' operatore di incremento++ ( ) incrementa i numeri.

Esempio

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

Decremento

L' operatore di decremento-- ( ) decrementa i numeri.

Esempio

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

Esponenziale

L' operatore di esponenziazione** ( ) eleva il primo operando alla potenza del secondo operando.

Esempio

let x = 5;
let z = x ** 2;          // result is 25

x ** y produce lo stesso risultato di Math.pow(x,y):

Esempio

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

Precedenza dell'operatore

La precedenza dell'operatore descrive l'ordine in cui le operazioni vengono eseguite in un'espressione aritmetica.

Esempio

let x = 100 + 50 * 3;

Il risultato dell'esempio sopra è uguale a 150 * 3 o è uguale a 100 + 150?

Si fa prima l'addizione o la moltiplicazione?

Come nella matematica scolastica tradizionale, la moltiplicazione viene eseguita prima.

La moltiplicazione ( *) e la divisione ( /) hanno una precedenza maggiore rispetto all'addizione ( +) e alla sottrazione ( -).

E (come nella matematica scolastica) la precedenza può essere modificata usando le parentesi:

Esempio

let x = (100 + 50) * 3;

Quando si usano le parentesi, le operazioni all'interno delle parentesi vengono calcolate per prime.

Quando molte operazioni hanno la stessa precedenza (come addizione e sottrazione), vengono calcolate da sinistra a destra:

Esempio

let x = 100 + 50 - 3;

Valori di precedenza dell'operatore JavaScript

Le voci rosso chiaro indicano ECMAScript 2015 (ES6) o versioni successive.

Valore Operatore Descrizione Esempio
21 ( ) Raggruppamento di espressioni (3 + 4)
       
20 . Membro nome.persona
20 [] Membro persona["nome"]
20 () Chiamata di funzione miaFunzione()
20 nuovo Creare nuova data()
       
18 ++ Incremento postfisso io++
18 -- Decremento suffisso io--
       
17 ++ Incremento del prefisso ++io
17 -- Decremento del prefisso --io
17 ! Logico no !(x==y)
17 tipo di Tipo tipo di x
       
16 ** Esponenziazione (ES2016) 10 ** 2
       
15 * Moltiplicazione 10 * 5
15 / Divisione 10 / 5
15 % Resto di divisione 10 % 5
       
14 + Aggiunta 10+5
14 - Sottrazione 10 - 5
       
13 << Sposta a sinistra x << 2
13 >> Sposta a destra x >> 2
13 >>> Maiusc a destra (senza segno) x >>> 2
       
12 < Meno di x < y 
12 <= Minore o uguale x <= y
12 > Più grande di x > y
12 >= Maggiore o uguale x >= y
12 in Proprietà in oggetto "PI" in matematica
12 istanza di Istanza di oggetto istanza di Array
       
11 == Pari x == y
11 === Stretto uguale x === y
11 != Disuguale x!= y
11 !== Rigoroso disuguale x !== y
       
10 & bit a bit E x e y
9 ^ XOR bit a bit x ^ y
8 | OR bit a bit x | Y
7 && E logico x && y
6 || OR logico x || Y
5 ?? Coalescenza nulla X?? Y
4 ? : Condizione ? "Si No"
       
3 += Incarico x += y
3 /= Incarico x /= y
3 -= Incarico x -= y
3 *= Incarico x *= y
3 %= Incarico x %= y
3 <<= Incarico x <<= y
3 >>= Incarico x >>= y
3 >>>= Incarico x >>>= y
3 &= Incarico x &= y
3 ^= Incarico x ^= y
3 |= Incarico x |= y
       
2 prodotto Funzione di pausa resa x
1 , Virgola 5, 6

Le espressioni tra parentesi vengono calcolate completamente prima che il valore venga utilizzato nel resto dell'espressione.


Mettiti alla prova con gli esercizi

Esercizio:

Dividere 10per 2e avvisare il risultato.

alert(10  2);