[javsScript]상수 배열 const 특성

상수 배열 선언

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

 

 

상수 배열 특징

1. const로 선언된 배열은 재할당할 수 없다.

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

 

2. 요소는 재할당 할 수 있다.

배열을 재정의 할 수는 없지만 요소는 재정의 가능하다.

<p id="demo"></p>

<script>
// Create an Array:
const cars = ["Saab", "Volvo", "BMW"];

// Change an element:
cars[0] = "Toyota";

// Add an element:
cars.push("Audi");

// Display the Array:
document.getElementById("demo").innerHTML = cars; //Toyota,Volvo,BMW,Audi
</script>

 

3. const 변수는 선언될 때 값을 할당해야 한다.

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

 

4. 블록에서 선언된 배열은 블록 외부에서 선언된 배열과 동일하지 않다.

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"

 

반면 var로 선언된 배열은 블록 범위가 없다.

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"

 

 

5. 동일한 범위 또는 동일한 블록 안에서 기존 배열을 재 선언하거나 재할당할 수 없다.

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
}

 

 

브라우저 지원

const키워드는 Internet Explorer10 이전 버전에서는 지원되지 않는다.

 

 

 

 

 

 

 

참고 : https://www.w3schools.com/js/js_array_const.asp