자바스크립트에서 상수 배열의 기본적인 상수의 규칙을 따른다. 선언과 동시에 값을 초기화하고 정의해야 한다. 배열도 마찬가지다. 차이가 있다면 배열내에 존재하는 값들은 수정이 가능하고 제거 또한 가능하다. 이것은 상수 배열은 값 자체를 접근하는 것이 아닌 참조값으로 접근하고 있기 때문이기도 하다.
자바스크립트 상수 배열 수정하기
updating javascript const array values
일반적으로 상수는 값을 변경할 수 없는 값이 담긴 메모리의 컨테이너이다.
하지만, 상수 배열의 경우 배열 자체는 재정의할 수 없지만 배열 내의 값들은 변경이 가능하다.
이 개념은 중요할 수도 있다.
배열 자체가 상수로써 정해지면 직접적으로 값이 연결되는 것이 아닌 참조값이 연결된다.
그렇기에 배열 자체의 참조값이 변경되지 못한다.
이것이 재정의가 되지 않는다는 것과 같다.
하지만 배열 상수 자체가 참조값으로 재정의가 되지 않을 뿐 배열 내의 개개의 값들은 변경이 가능하다.
배열의 조작
자바스크립트에서 배열을 조작하는 방법은 이미 알고 있다.
배열을 선언하고 배열에 값을 추가하고 배열의 값을 삭제할 수 있다.
기본적인 자바스크립트 배열 조작을 다시 생각해 보자.
// 배열 선언
vArray = [값1, 값2, 값3, 값4, .....]
// 배열의 마지막에 값 추가
vArray.push(값)
// 배열의 마지막의 값 제거
vArray.pop()샘플코드
위의 기본적인 사용법으로 상수 배열에 있는 배열의 값들을 조작해 보도록 한다.
일반적인 상수와는 차이가 있기 때문에 눈으로 익혀두는 것이 좋다.
기본적으로 상수에 들어간 값은 변경될 수 없고, 선언과 동시에 값이 정의되고 초기화되어야 한다.
상수 배열은 기본적인 상수의 특성을 따르지만 배열 내부의 값은 변경과 추가가 가능하다.
<!DOCTYPE html>
<html>
<body>
<script>
console.log('----------');
const vArray = ["현대자동차", "기아자동차", "쌍용자동차", "쉐보레"];
console.log('----------');
vArray[1] = "KiaMotors";
console.log(typeof(vArray), vArray);
console.log('----------');
vArray[3] = "Chevolet";
console.log(typeof(vArray), vArray);
console.log('----------');
vArray.push("아우디");
console.log(typeof(vArray), vArray);
console.log('----------');
vArray.pop();
console.log(typeof(vArray), vArray);
console.log('----------');
</script>
</body>
</html>상수 배열을 선언하고 값을 초기화하여 정의하였다.
2번째 3번째의 값을 수정하였고 push 메서드를 사용해 값을 추가하고 pop 메서드를 사용하여 값을 제거하였다.
참고로 push 와 pop 메서드는 배열의 마지막에 있는 값을 추가하고 제거한다.
결과화면을 보자.
배열이 상수로써 정의되었음에도 불구하고 배열 내의 값들은 수정이 가능하고 추가와 삭제 또한 가능한 것을 알 수 있다.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 날짜 표시하기 date 객체 사용 using javascript date object (0) | 2022.02.17 |
|---|---|
| 자바스크립트 배열 상수 접근 범위 블록스코프 block scope (0) | 2022.02.12 |
| 자바스크립트 상수 배열 선언하기 declaring javascript const array (0) | 2022.02.10 |
| 자바스크립트 배열 상수 특징 javascript const array (0) | 2022.02.07 |
| 자바스크립트 배열 Array.includes 메서드 사용 배열 요소 찾기 (0) | 2022.02.05 |
댓글