Esempio JavaScript
- Pagina Precedente JS D3.js
- Pagina Successiva JS HTML DOM
Cosa può fare JavaScript?
Dove inserire JavaScript
Output di JavaScript
Sintassi JavaScript
- Espressioni JavaScript
- Numeri JavaScript
- Stringhe JavaScript
- Variabili JavaScript
- Operatori JavaScript
- Assegnazione JavaScript
- Espressioni JavaScript (utilizzando costanti)
- Espressioni JavaScript (utilizzando stringhe)
- Espressioni JavaScript (utilizzando variabili)
- Parole chiave JavaScript
- Commenti JavaScript
- La sintassi JavaScript è sensibile alle maiuscole e minuscole
Espressioni JavaScript
- Le istruzioni JavaScript sono comandi per il browser
- Il codice JavaScript è una serie di istruzioni
- Le istruzioni JavaScript sono separate da punti e virgola
- Una riga può contenere più istruzioni
- Le istruzioni JavaScript possono essere combinate insieme nel blocco di codice
- Puoi piegare la codice dopo l'operatore o la virgola
Commenti JavaScript
Variabili JavaScript
- Variabili JavaScript
- Variabili JavaScript come algebra
- Numeri e stringhe in JavaScript
- Parola chiave JavaScript var
- Dichiarazione di più variabili in una singola istruzione
- Dichiarazione di più variabili su più righe
- Le variabili senza valore restituiscono undefined
- La riedizione della variabile non distrugge il valore
- Somma di array in JavaScript
- Somma di stringhe in JavaScript
- Somma di stringhe e numeri
- Somma di numeri e stringhe
Operazioni aritmetiche JavaScript
Assegnazione JavaScript
Catenazione di stringhe in JavaScript
Tipi di dati JavaScript
Oggetti JavaScript
- Creare una variabile JavaScript
- Creare un oggetto JavaScript
- Creare l'oggetto person (single-line)
- Creare l'oggetto person (multi-line)
- Accedere alle proprietà dell'oggetto utilizzando .property
- Accedere alle proprietà dell'oggetto utilizzando [property]
- Accedere alle proprietà della funzione tramite il metodo
- Accedere alle proprietà della funzione tramite l'attributo
Funzioni JavaScript
Eventi JavaScript
Stringhe JavaScript
- La stringa può essere racchiusa tra virgolette singole o doppie
- Mostrare alcuni esempi di stringhe
- Aggiungere il backslash prima delle virgolette viene riconosciuto come virgolette
- Determinare la lunghezza della stringa
- Utilizzare il backslash per il piegamento della stringa di testo
- Non è possibile utilizzare il backslash per il piegamento del codice
- Determinare la posizione iniziale del testo nella stringa - indexOf()
- Cercare il testo nella stringa e restituire questo testo trovato - match()
- Sostituire i caratteri nella stringa - replace()
- Convertire la stringa in maiuscolo - toUpperCase()
- Convertire la stringa in minuscolo - toLowerCase()
- Dividere la stringa in un array - split()
Numeri JavaScript
- I numeri possono essere scritti con o senza punto decimale
- È possibile scrivere numeri molto grandi o molto piccoli in notazione esponenziale
- Il numero viene calcolato con precisione fino a 15 cifre
- L'aritmetica a virgola mobile non è sempre 100% precisa
- Ma questo problema può essere risolto moltiplicando e dividendo per 10
- L'addizione di due numeri produce un nuovo numero
- L'addizione di due stringhe numeriche produce una stringa connessa
- L'addizione di numero e stringa numerica anche produce una stringa connessa
- L'addizione di stringa numerica e numero anche produce una stringa connessa
- Errore comune nell'addizione di stringhe e numeri 1
- Errore comune 2 nell'addizione di stringhe e numeri
- JavaScript tenta di convertire le stringhe in numeri nell'operazione di divisione
- JavaScript tenta di convertire le stringhe in numeri nell'operazione di moltiplicazione
- JavaScript tenta di convertire le stringhe in numeri nell'operazione di sottrazione
- JavaScript non converte le stringhe in numeri nell'operazione di somma
- Il numero diviso da una stringa non è più un numero
- Dividere un numero per una stringa di numero restituisce un numero
- La funzione globale JavaScript isNaN() giudica se un valore è un numero
- Usare NaN in operazioni matematiche restituirà sempre NaN
- Usare NaN in operazioni matematiche stringhe congiunge NaN
- Il tipo di NaN è number (sì, typeof NaN restituisce number)
- Se si calcola un numero al di fuori del numero massimo possibile, viene restituito l'infinito (Infinity)
- Dividere per zero genera Infinity
- Infinity è anche un numero (typeof Infinity restituisce number)
- Le costanti con prefisso 0x vengono interpretate come esadecimali
- Il metodo toString() può esportare un numero in esadecimale, ottale o binario
- I numeri possono essere oggetti
- I numeri e gli oggetti non possono essere confrontati in modo sicuro
- Gli oggetti e gli oggetti non possono essere confrontati in modo sicuro
Metodi dei numeri JavaScript
- Il metodo toString() converte un numero in una stringa
- Il metodo valueOf() restituisce un numero come numero
- Il metodo toExponential() restituisce un numero con rappresentazione esponenziale
- Il metodo toFixed() arrotonda un numero a un numero di cifre specificato
- Il metodo toPrecision() restituisce un numero di lunghezza specificata
- Il metodo globale Number() converte una variabile in un numero
- Il metodo globale Number() può anche convertire una data in un numero
- Il metodo globale parseInt() converte una stringa in un numero
- Il metodo globale parseFloat() converte una stringa in un numero
- MAX_VALUE restituisce il numero più grande possibile in JavaScript
- MIN_VALUE restituisce il numero più piccolo possibile in JavaScript
- POSITIVE_INFINITY rappresenta l'infinito positivo
- Al superamento del limite restituisce POSITIVE_INFINITY
- NEGATIVE_INFINITY rappresenta l'infinito negativo
- Al superamento del limite restituisce NEGATIVE_INFINITY
- NaN rappresenta 'non numero'
- Le operazioni aritmetiche su stringhe restituiranno NaN
- L'uso di proprietà numeriche su variabili restituirà undefined
Matematica JavaScript
- Math.PI restituisce il valore di PI
- Math.round(x) restituisce il valore di x arrotondato (valore di arrotondamento)
- Math.pow(x, y) restituisce x elevato alla y
- Math.sqrt(x) restituisce la radice quadrata di x
- Math.abs(x) restituisce il valore assoluto di x
- Math.ceil(x) restituisce il valore di x arrotondato per eccesso
- Math.floor(x) restituisce il valore di x arrotondato per difetto
- Math.sin(x) restituisce il seno dell'angolo x (calcolato in radianti)
- Math.cos(x) restituisce il coseno dell'angolo x (calcolato in radianti)
- Math.max() restituisce il valore più alto della lista di parametri
- Math.min() restituisce il valore più basso della lista di parametri
- Converti i gradi Celsius in gradi Fahrenheit
Casuale JavaScript
- Math.random() restituisce un numero intero casuale tra 0 (incluso) e 1 (escluso)
- Come restituire un numero intero casuale tra 0 e 9 (inclusi)
- Come restituire un numero intero casuale tra 0 e 10 (inclusi)
- Come restituire un numero intero casuale tra 0 e 99 (inclusi)
- Come restituire un numero intero casuale tra 0 e 100 (inclusi)
- Come restituire un numero intero casuale tra 1 e 10 (inclusi)
- Come restituire un numero intero casuale tra 1 e 100 (inclusi)
- Come restituire un numero intero casuale tra x (incluso) e y (escluso)
- Come restituire un numero intero casuale tra x e y (inclusi)
Data JavaScript
- Usa Date() per visualizzare la data e l'ora odierna
- Usa getFullYear() per visualizzare l'anno
- Usa getTime() per calcolare i millisecondi da 1970 fino ad oggi
- Usa setFullYear() per impostare una data specifica
- Usa toUTCString() per convertire la data odierna (secondo UTC) in una stringa
- Usa getDay() per visualizzare i nomi delle settimane come numeri
- Usa getDay() e un array per visualizzare i nomi delle settimane
- Mostra l'orologio
Array JavaScript
- Crea l'array 1
- Crea l'array 2
- Accedi all'elemento dell'array
- Modifica l'elemento dell'array
- Accedi all'intero array
- Determina la lunghezza dell'array
- Esegui una scansione dell'array
- Aggiungi un elemento all'array
- Aggiungi l'elemento 'undefined' all'array
- Come riconoscere l'array 1
- Come riconoscere l'array 2
Metodi degli array JavaScript
- Aggiungi un elemento all'array
- Elimina l'ultimo elemento dell'array - pop()
- Connettiti tutti gli elementi dell'array in una stringa - join()
- Connettiti a due array - concat()
- Connettiti a tre array - concat()
- Aggiungi un elemento all'indice 2 dell'array - splice()
- Converti l'array in una stringa - toString()
- Aggiungi un nuovo elemento all'inizio dell'array - unshift()
- Elimina l'elemento iniziale dell'array - shift()
- Seleziona gli elementi dell'array - slice()
Ordinamento degli array JavaScript
- Ordina l'array in ordine crescente
- Ordina l'array in ordine decrescente
- Ordina i numeri in ordine crescente
- Ordina i numeri in ordine decrescente
- Ordina i numeri (per lettere o numeri)
- Ordina i numeri dell'array in ordine casuale
- Determina il numero più piccolo dell'array
- Determina il numero più grande dell'array
- Determina il numero più piccolo dell'array usando Math.min()
- Determina il numero più grande dell'array usando Math.max()
- Usa il metodo "fatto in casa" myArrayMin
- Usa il metodo "fatto in casa" myArrayMax
- Ordina gli oggetti per proprietà numerica
- Ordina gli oggetti per proprietà di stringa
Iterazione degli array JavaScript
Conversione di tipo JavaScript
Booleano JavaScript
- Visualizza il valore di Boolean(10 > 9)
- Visualizza il valore di 10 > 9
- Tutto ciò che ha un valore reale è true
- Il valore booleano dello zero è false
- Il valore booleano del zero minuscolo è false
- Il valore booleano di una stringa vuota è false
- Il valore booleano di undefined è false
- Il valore booleano di null è false
- Il valore booleano di false è false
- Il valore booleano di NaN è false
Confronto JavaScript
- Assegna 5 a x e poi visualizza il valore di (x == 8)
- Assegna 5 a x e poi visualizza il valore di (x == 5)
- Assegna 5 a x e poi visualizza il valore di (x === 5)
- Assegna 5 a x e poi visualizza il valore di (x === "5")
- Assegnare 5 a x e mostrare il valore di (x != 8)
- Assegnare 5 a x e mostrare il valore di (x !== 5)
- Assegnare 5 a x e mostrare il valore di (x !== "5")
- Assegnare 5 a x e mostrare il valore di (x > 8)
- Assegnare 5 a x e mostrare il valore di (x < 8)
- Assegnare 5 a x e mostrare il valore di (x >= 8)
- Assegnare 5 a x e mostrare il valore di (x <= 8)
Condizioni JavaScript
Ciclo JavaScript
Gestione degli errori JavaScript
Espressioni regolari JavaScript
Oggetti JavaScript
- Creare una variabile JavaScript
- Creare un oggetto JavaScript
- Creare un oggetto JavaScript (singola riga)
- Creare un oggetto JavaScript (multi-linea)
- Creare oggetti JavaScript utilizzando new
- Creare oggetti JavaScript utilizzando costruttori
- Creare oggetti JavaScript integrati
- Il modo migliore per creare una variabile JavaScript
- Gli oggetti JavaScript sono mutabili
Proprietà degli oggetti JavaScript
Oggetto JSON
- Accedere alla proprietà utilizzando .property
- Accedere alla proprietà utilizzando [property]
- Esplorare le proprietà
- Esplorare i valori delle proprietà
- Accedere all'oggetto JSON annidato
- Modificare il valore utilizzando la notazione con il punto
- Modificare il valore utilizzando la notazione con parentesi
- Eliminare le proprietà dell'oggetto
Array JSON
Analisi JSON
JSON.stringify
PHP JSON
HTML JSON
Esempio di spiegazione: JSON JSONP
- Pagina Precedente JS D3.js
- Pagina Successiva JS HTML DOM
