JavaScript Array Const

ECMAScript 2015 (ES6)

In 2015 introduceerde JavaScript een belangrijke nieuwe sleutelwoord:const.

Gebruik const Het declareren van een array is een gebruikelijke praktijk:

Voorbeeld

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

Probeer het zelf uit

Kan niet opnieuw worden toegewezen

Gebruik const De gedeclareerde array kan niet worden opnieuw toegewezen:

Voorbeeld

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

Probeer het zelf uit

De array is geen constante

Sleutelwoord const Er is enige misleidendheid.

Het definieert geen constante array. Het definieert een constante referentie naar de array.

Daarom kunnen we de elementen van de constante array nog steeds wijzigen.

Elementen kunnen opnieuw worden toegewezen

U kunt elementen van een constante array wijzigen:

Voorbeeld

// U kunt een constante array maken:
const cars = ["Saab", "Volvo", "BMW"];
// U kunt elementen wijzigen:
cars[0] = "Toyota";
// U kunt elementen toevoegen:
cars.push("Audi");

Probeer het zelf uit

Browser support

Internet Explorer 10 of eerder ondersteunt niet const Sleutel.

De tabel hieronder vermeldt de eerste browserversie die de const-sleutel volledig ondersteunt:

Chrome IE Firefox Safari Opera
Chrome 49 IE 11 / Edge Firefox 36 Safari 10 Opera 36
Maart 2016 Oktober 2013 Februari 2015 September 2016 Maart 2016

Toewijzing bij declaratie

JavaScript const Variabelen moeten worden toegewezen bij de declaratie:

Dit betekent: gebruik const Gedeclareerde arrays moeten altijd worden geïnitialiseerd bij de declaratie.

Gebruik const En het niet initialiseren van een array is een syntactische fout:

Voorbeeld

Dit werkt niet:

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

Gebruik var Gedeclareerde arrays kunnen op elk moment worden geïnitialiseerd.

U kunt de array zelfs gebruiken voordat deze wordt gedeclareerd:

Voorbeeld

Geen probleem:

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

Probeer het zelf uit

const block scope

Gebruik const Gedeclareerde arrays hebbenBlock scope.

De verschillen tussen arrays gedeclareerd binnen en buiten een blok:

Voorbeeld

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

Probeer het zelf uit

Gebruik var Gedeclareerde arrays hebben geen block scope:

Voorbeeld

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

Probeer het zelf uit

U kunt meer leren over block scope in de volgende secties:JavaScript Scope.

het opnieuw declareren van een array

Het is toegestaan om een array opnieuw te declareren op elke locatie in het programma met var Herdefinieer de array:

Voorbeeld

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

Niet toegestaan om een array opnieuw te declareren of te herdefiniëren naar een bestaande variabele in dezelfde scope of dezelfde blok const:

Voorbeeld

var cars = ["Volvo", "BMW"];         // Toegestaan
const cars = ["Volvo", "BMW"];       // Niet toegestaan
{
  var cars = ["Volvo", "BMW"];         // Toegestaan
  const cars = ["Volvo", "BMW"];       // Niet toegestaan
}

Niet toegestaan om bestaande variabelen opnieuw te declareren of te herdefiniëren in dezelfde scope of dezelfde blok const Array:

Voorbeeld

const cars = ["Volvo", "BMW"];       // Toestaan
const cars = ["Volvo", "BMW"];       // Niet toegestaan
var cars = ["Volvo", "BMW"];         // Niet toestaan
cars = ["Volvo", "BMW"];             // Niet toestaan
{
  const cars = ["Volvo", "BMW"];     // Toestaan
  const cars = ["Volvo", "BMW"];     // Niet toestaan
  var cars = ["Volvo", "BMW"];       // Niet toestaan
  cars = ["Volvo", "BMW"];           // Niet toestaan
}

Toestaan om in een andere scope of een andere blok te gebruiken const Herdefinieer de array:

Voorbeeld

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

Volledige array referentiemanual

Voor een volledige referentie, bezoek onze volledige JavaScript Array Referentiemanual.

Dit manual bevat beschrijvingen en voorbeelden van alle array-eigenschappen en -methoden.