JS-Tutorial

JS-HAUS JS-Einführung JS Wohin JS-Ausgabe JS-Anweisungen JS-Syntax JS-Kommentare JS-Variablen JS Let JS Konst JS-Operatoren JS-Arithmetik JS-Aufgabe JS-Datentypen JS-Funktionen JS-Objekte JS-Ereignisse JS-Strings JS-String-Methoden Suche nach JS-Strings JS-String-Vorlagen JS-Nummern JS-Zahlenmethoden JS-Arrays JS-Array-Methoden JS-Array-Sortierung JS-Array-Iteration JS-Array-Konstante JS-Daten JS-Datumsformate JS Date Get-Methoden JS-Datumssatzmethoden JS Math JS Zufällig JS Boolesche Werte JS-Vergleiche JS-Bedingungen JS-Schalter JS-Schleife für JS-Schleife für In JS-Schleife für Of JS-Schleife While JS Pause JS-Iterables JS-Sets JS-Karten JS Typeof JS-Typkonvertierung JS Bitweise JS RegExp JS-Fehler JS-Bereich JS Heben Strenger JS-Modus JS dieses Schlüsselwort JS-Pfeilfunktion JS-Klassen JS JSON JS-Debugging JS-Styleguide JS Best Practices JS-Fehler JS-Leistung JS Reservierte Wörter

JS-Versionen

JS-Versionen JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-Geschichte

JS-Objekte

Objektdefinitionen Objekteigenschaften Objektmethoden Objektanzeige Objektzugriffsmethoden Objektkonstruktoren Objekt-Prototypen Objekt-Iterables Objektsätze Objektkarten Objektreferenz

JS-Funktionen

Funktionsdefinitionen Funktionsparameter Funktionsaufruf Funktionsaufruf Funktion anwenden Funktionsschließungen

JS-Klassen

Klasse Einführung Klassenvererbung Klasse statisch

JS asynchron

JS-Rückrufe JS asynchron JS verspricht JS Async/Warten

JS-HTML-DOM

DOM-Einführung DOM-Methoden DOM-Dokument DOM-Elemente DOM-HTML DOM-Formulare DOM-CSS DOM-Animationen DOM-Ereignisse DOM-Ereignis-Listener DOM-Navigation DOM-Knoten DOM-Sammlungen DOM-Knotenlisten

Stückliste des JS-Browsers

JS-Fenster JS-Bildschirm JS-Standort JS-Geschichte JS-Navigator JS-Popup-Warnung JS-Timing JS-Cookies

JS-Web-APIs

Web-API-Einführung Web Forms-API Webprotokoll-API Webspeicher-API Web Worker-API Web-Fetch-API Web-Geolocation-API

JS AJAX

AJAX-Einführung AJAX-XMLHttp AJAX-Anfrage AJAX-Antwort AJAX-XML-Datei AJAX-PHP AJAX ASP AJAX-Datenbank AJAX-Anwendungen AJAX-Beispiele

JS JSON

JSON-Einführung JSON-Syntax JSON vs. XML JSON-Datentypen JSON-Parsing JSON-Stringify JSON-Objekte JSON-Arrays JSON-Server JSON-PHP JSON-HTML JSON JSONP

JS vs. jQuery

jQuery-Selektoren jQuery-HTML jQuery-CSS jQuery-DOM

JS-Grafik

JS-Grafik JS-Leinwand JS Plotly JS Chart.js JS Google-Diagramm JS D3.js

JS-Beispiele

JS-Beispiele JS-HTML-DOM JS-HTML-Eingabe JS-HTML-Objekte JS-HTML-Ereignisse JS-Browser JS-Editor JS-Übungen JS-Quiz JS-Zertifikat

JS-Referenzen

JavaScript-Objekte HTML-DOM-Objekte


JavaScript -Array-Konstante


ECMAScript 2015 (ES6)

2015 führte JavaScript ein wichtiges neues Schlüsselwort ein: const.

Es ist eine gängige Praxis geworden, Arrays zu deklarieren mit const:

Beispiel

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

Kann nicht neu zugewiesen werden

Ein mit deklariertes Array constkann nicht neu zugewiesen werden:

Beispiel

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

Arrays sind keine Konstanten

Das Stichwort constist etwas irreführend.

Es definiert KEIN konstantes Array. Es definiert eine konstante Referenz auf ein Array.

Aus diesem Grund können wir die Elemente eines konstanten Arrays immer noch ändern.


Elemente können neu zugewiesen werden

Sie können die Elemente eines konstanten Arrays ändern:

Beispiel

// 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");

Browser-Unterstützung

Das constSchlüsselwort wird in Internet Explorer 10 oder früher nicht unterstützt.

Die folgende Tabelle definiert die ersten Browserversionen mit voller Unterstützung für das constSchlüsselwort:

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

Zugewiesen, wenn deklariert

JavaScript- constVariablen muss ein Wert zugewiesen werden, wenn sie deklariert werden:

Bedeutung: Ein mit deklariertes Array constmuss initialisiert werden, wenn es deklariert wird.

Die Verwendung constohne Initialisierung des Arrays ist ein Syntaxfehler:

Beispiel

Das wird nicht funktionieren:

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

Mit deklarierte Arrays varkönnen jederzeit initialisiert werden.

Sie können das Array sogar verwenden, bevor es deklariert wird:

Beispiel

Das ist in Ordnung:

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

Konstanter Blockbereich

Ein mit deklariertes Array consthat Block Scope .

Ein in einem Block deklariertes Array ist nicht dasselbe wie ein außerhalb des Blocks deklariertes Array:

Beispiel

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"

Ein mit deklariertes Array varhat keinen Blockbereich:

Beispiel

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"

Mehr über Block Scope erfahren Sie im Kapitel: JavaScript Scope .



Arrays neu deklarieren

Die Neudeklaration eines mit deklarierten Arrays varist überall in einem Programm erlaubt:

Beispiel

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

Das erneute Deklarieren oder Neuzuweisen eines Arrays zu constim selben Gültigkeitsbereich oder im selben Block ist nicht zulässig:

Beispiel

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

Das erneute Deklarieren oder Neuzuweisen eines vorhandenen constArrays im selben Bereich oder im selben Block ist nicht zulässig:

Beispiel

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
}

Das Neudeklarieren eines Arrays mit const, in einem anderen Gültigkeitsbereich oder in einem anderen Block ist zulässig:

Beispiel

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

Vollständige Array-Referenz

Eine vollständige Array-Referenz finden Sie in unserem:

Vollständige JavaScript-Array-Referenz .

Die Referenz enthält Beschreibungen und Beispiele aller Array-Eigenschaften und -Methoden.