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


Cost. matrice JavaScript


ECMAScript 2015 (ES6)

nel 2015 JavaScript ha introdotto una nuova importante parola chiave: const.

È diventata una pratica comune dichiarare gli array usando const:

Esempio

const cars = ["Saab", "Volvo", "BMW"];

Non può essere riassegnato

Un array dichiarato con constnon può essere riassegnato:

Esempio

const cars = ["Saab", "Volvo", "BMW"];
cars = ["Toyota", "Volvo", "Audi"];    // ERROR

Gli array non sono costanti

La parola chiave constè un po' fuorviante.

NON definisce un array costante. Definisce un riferimento costante a un array.

Per questo motivo, possiamo ancora modificare gli elementi di una matrice costante.


Gli elementi possono essere riassegnati

È possibile modificare gli elementi di un array costante:

Esempio

// You can create a constant array:
const cars = ["Saab", "Volvo", "BMW"];

// You can change an element:
cars[0] = "Toyota";

// You can add an element:
cars.push("Audi");

Supporto browser

La constparola chiave non è supportata in Internet Explorer 10 o versioni precedenti.

La tabella seguente definisce le prime versioni del browser con pieno supporto per la constparola chiave:

Chrome 49 IE 11 / Edge Firefox 36 Safari 10 Opera 36
Mar, 2016 Oct, 2013 Feb, 2015 Sep, 2016 Mar, 2016

Assegnato quando dichiarato

Alle variabili JavaScript constdeve essere assegnato un valore quando vengono dichiarate:

Significato: un array dichiarato con constdeve essere inizializzato quando viene dichiarato.

L'utilizzo constsenza inizializzare l'array è un errore di sintassi:

Esempio

Questo non funzionerà:

const cars;
cars = ["Saab", "Volvo", "BMW"];

Gli array dichiarati con varpossono essere inizializzati in qualsiasi momento.

Puoi anche usare l'array prima che venga dichiarato:

Esempio

Questo va bene:

cars = ["Saab", "Volvo", "BMW"];
var cars;

Ambito del blocco di cost

Un array dichiarato con constha Block Scope .

Un array dichiarato in un blocco non è lo stesso di un array dichiarato al di fuori del blocco:

Esempio

const cars = ["Saab", "Volvo", "BMW"];
// Here cars[0] is "Saab"
{
  const cars = ["Toyota", "Volvo", "BMW"];
  // Here cars[0] is "Toyota"
}
// Here cars[0] is "Saab"

Un array dichiarato con varnon ha ambito di blocco:

Esempio

var cars = ["Saab", "Volvo", "BMW"];
// Here cars[0] is "Saab"
{
  var cars = ["Toyota", "Volvo", "BMW"];
  // Here cars[0] is "Toyota"
}
// Here cars[0] is "Toyota"

Puoi saperne di più su Block Scope nel capitolo: JavaScript Scope .



Ridichiarazione di array

Ridichiarare un array dichiarato con varè consentito ovunque in un programma:

Esempio

var cars = ["Volvo", "BMW"];   // Allowed
var cars = ["Toyota", "BMW"];  // Allowed
cars = ["Volvo", "Saab"];      // Allowed

Non è consentito ridichiarare o riassegnare un array a const, nello stesso ambito o nello stesso blocco:

Esempio

var cars = ["Volvo", "BMW"];     // Allowed
const cars = ["Volvo", "BMW"];   // Not allowed
{
  var cars = ["Volvo", "BMW"];   // Allowed
  const cars = ["Volvo", "BMW"]; // Not allowed
}

Non è consentito ridichiarare o riassegnare un constarray esistente, nello stesso ambito o nello stesso blocco:

Esempio

const cars = ["Volvo", "BMW"];   // Allowed
const cars = ["Volvo", "BMW"];   // Not allowed
var cars = ["Volvo", "BMW"];     // Not allowed
cars = ["Volvo", "BMW"];         // Not allowed

{
  const cars = ["Volvo", "BMW"]; // Allowed
  const cars = ["Volvo", "BMW"]; // Not allowed
  var cars = ["Volvo", "BMW"];   // Not allowed
  cars = ["Volvo", "BMW"];       // Not allowed
}

È consentito dichiarare nuovamente un array con const, in un altro ambito o in un altro blocco:

Esempio

const cars = ["Volvo", "BMW"];   // Allowed
{
  const cars = ["Volvo", "BMW"]; // Allowed
}
{
  const cars = ["Volvo", "BMW"]; // Allowed
}

Riferimento completo all'array

Per un riferimento completo all'array, vai al nostro:

Riferimento completo all'array JavaScript .

Il riferimento contiene descrizioni ed esempi di tutte le proprietà e i metodi dell'array.