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


Operatori JavaScript


Esempio

Assegna valori alle variabili e sommale insieme:

let x = 5;         // assign the value 5 to x
let y = 2;         // assign the value 2 to y
let z = x + y;     // assign the value 7 to z (5 + 2)

L' operatore di assegnazione= ( ) assegna un valore a una variabile.

Incarico

let x = 10;

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

Aggiunta

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

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

Moltiplicando

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


Operatori aritmetici JavaScript

Gli operatori aritmetici vengono utilizzati per eseguire operazioni aritmetiche sui numeri:

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

Gli operatori aritmetici sono descritti in modo completo nel capitolo JS Arithmetic .


Operatori di assegnazione JavaScript

Gli operatori di assegnazione assegnano valori alle variabili JavaScript.

Operator Example Same As
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

L' operatore di assegnazione addizione+= ( ) aggiunge un valore a una variabile.

Incarico

let x = 10;
x += 5;

Gli operatori di assegnazione sono descritti in modo completo nel capitolo Assegnazione JS .


Operatori di stringa JavaScript

L' +operatore può essere utilizzato anche per aggiungere (concatenare) stringhe.

Esempio

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

Il risultato di text3 sarà:

John Doe

L' +=operatore di assegnazione può essere utilizzato anche per aggiungere (concatenare) stringhe:

Esempio

let text1 = "What a very ";
text1 += "nice day";

Il risultato di text1 sarà:

What a very nice day

Quando viene utilizzato sulle stringhe, l'operatore + viene chiamato operatore di concatenazione.


Aggiunta di stringhe e numeri

Sommando due numeri, restituirà la somma, ma aggiungendo un numero e una stringa restituirà una stringa:

Esempio

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

Il risultato di x , y e z sarà:

10
55
Hello5

Se aggiungi un numero e una stringa, il risultato sarà una stringa!


Operatori di confronto JavaScript

Operator Description
== equal to
=== equal value and equal type
!= not equal
!== not equal value or not equal type
> greater than
< less than
>= greater than or equal to
<= less than or equal to
? ternary operator

Gli operatori di confronto sono descritti in modo completo nel capitolo Confronti JS .


Operatori logici JavaScript

Operator Description
&& logical and
|| logical or
! logical not

Gli operatori logici sono descritti in modo completo nel capitolo Confronti JS .


Operatori di tipo JavaScript

Operator Description
typeof Returns the type of a variable
instanceof Returns true if an object is an instance of an object type

Gli operatori di tipo sono descritti in modo completo nel capitolo Conversione di tipo JS .


JavaScript operatori bit a bit

Gli operatori di bit funzionano su numeri a 32 bit.

Qualsiasi operando numerico nell'operazione viene convertito in un numero a 32 bit. Il risultato viene riconvertito in un numero JavaScript.
Operator Description Example Same as Result Decimal
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< left shift 5 << 1 0101 << 1 1010  10
>> right shift 5 >> 1 0101 >> 1 0010   2
>>> unsigned right shift 5 >>> 1 0101 >>> 1 0010   2

Gli esempi precedenti utilizzano esempi senza segno a 4 bit. Ma JavaScript utilizza numeri con segno a 32 bit.
Per questo motivo, in JavaScript, ~ 5 non restituirà 10. Restituirà -6.
~000000000000000000000000000000101 restituirà 1111111111111111111111111111111111010

Gli operatori Bitwise sono descritti in modo completo nel capitolo JS Bitwise .


Mettiti alla prova con gli esercizi

Esercizio:

Moltiplicare 10con 5e avvisare il risultato.

alert(10  5);