Const Array JavaScript

ECMAScript 2015 (ES6)

Tahun 2015, JavaScript memperkenalkan kata kunci yang penting baru:const.

Dengan const Penggunaan deklarasi array sudah menjadi praktek biasa:

Contoh

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

Coba sendiri

Tidak dapat diatur ulang

Dengan const Array yang dideklarasikan tidak dapat diatur ulang:

Contoh

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

Coba sendiri

Array bukan konstanta

Kata kunci const Sangat menyesatkan.

Itu tidak mendefinisikan array konstanta. Itu mendefinisikan referensi konstanta ke array.

Dengan demikian, kami masih dapat mengubah elemen array konstanta.

Elemen dapat diatur ulang

Anda dapat mengubah elemen array konstanta:

Contoh

// Anda dapat membuat array konstanta:
const cars = ["Saab", "Volvo", "BMW"];
// Anda dapat mengubah elemen:
cars[0] = "Toyota";
// Anda dapat menambahkan elemen:
cars.push("Audi");

Coba sendiri

Perangkat lunak penggunaan

Internet Explorer 10 atau versi yang lebih awal tidak mendukung const Kata kunci.

Tabel di bawah menandai versi browser pertama yang mendukung keyword const:

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

Pengisian saat deklarasi

JavaScript const Variabel harus diisi saat deklarasi:

Artinya: Dengan const Daftar yang diumumkan harus diinisialisasi saat deklarasi.

Dengan const Tidak menginisialisasi array adalah kesalahan sintaks:

Contoh

Tidak berfungsi:

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

Dengan var Daftar yang diumumkan dapat diinisialisasi kapan saja.

Anda bahkan dapat menggunakan array sebelum deklarasi:

Contoh

Tidak ada masalah:

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

Coba sendiri

Pengaturan blok const

Dengan const Daftar yang diumumkan memilikiPengaturan blok.

Daftar yang diumumkan di dalam blok berbeda dari daftar yang diumumkan di luar blok:

Contoh

const cars = ["Saab", "Volvo", "BMW"];
// Di sini cars[0] adalah "Saab"
{
  const cars = ["Toyota", "Volvo", "BMW"];
  // Di sini cars[0] adalah "Toyota"
}
// Di sini cars[0] adalah "Saab"

Coba sendiri

Dengan var Daftar yang diumumkan tidak memiliki pengaturan blok:

Contoh

var cars = ["Saab", "Volvo", "BMW"];
// Di sini cars[0] adalah "Saab"
{
  var cars = ["Toyota", "Volvo", "BMW"];
  // Di sini cars[0] adalah "Toyota"
}
// Di sini cars[0] adalah "Toyota"

Coba sendiri

Anda dapat belajar lebih banyak tentang pengaturan blok di bab berikutnya:Lingkungan Variabel JavaScript.

mengulang deklarasi array

Di setiap tempat di program boleh digunakan var Ulangi deklarasi array:

Contoh

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

Tidak diizinkan untuk mengulang deklarasi atau mengatur ulang nilai array di dalam pengaturan yang sama atau di dalam blok yang sama const:

Contoh

var cars = ["Volvo", "BMW"];         // Diizinkan
const cars = ["Volvo", "BMW"];       // Tidak diizinkan
{
  var cars = ["Volvo", "BMW"];         // Diizinkan
  const cars = ["Volvo", "BMW"];       // Tidak diizinkan
}

Tidak diizinkan untuk mengulang deklarasi atau mengatur ulang nilai array yang sudah ada di dalam pengaturan yang sama atau di dalam blok yang sama const Daftar:

Contoh

const cars = ["Volvo", "BMW"];       // Diizinkan
const cars = ["Volvo", "BMW"];       // Tidak diizinkan
var cars = ["Volvo", "BMW"];         // Tidak diizinkan
cars = ["Volvo", "BMW"];             // Tidak diizinkan
{
  const cars = ["Volvo", "BMW"];     // Diizinkan
  const cars = ["Volvo", "BMW"];     // Tidak diizinkan
  var cars = ["Volvo", "BMW"];       // Tidak diizinkan
  cars = ["Volvo", "BMW"];           // Tidak diizinkan
}

Diizinkan untuk digunakan dalam lingkungan atau blok lain const Ulangi deklarasi array:

Contoh

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

Panduan Referensi Array Lengkap

Untuk referensi yang lengkap, silakan kunjungi situs penuh kami Panduan Referensi Array JavaScript.

Panduan Referensi Array JavaScript ini mengandung deskripsi dan contoh dari semua properti dan metode array.