인프런 커뮤니티 질문&답변

안녕하세요 🙂 질문 감사합니다.

먼저 const는 const로 선언된 변수에 다른 값을 다시 할당하게 못하게 하는 키워드입니다.

const user = { name: "아무개", age: 29 };

// ❌ 불가능 (참조 자체를 변경하려 함)
user = { name: "홍길동" }; // TypeError

// ✅ 내부 프로퍼티는 변경 가능
user.age = 30;
console.log(user); // { name: "아무개", age: 30 }

따라서 위의 코드처럼 user라는 변수는 한 번 객체를 가리키면, 그 주소를 바꿀 수 없지만, 그 주소 안에 저장된 객체 속성은 수정이 가능합니다. 내부의 구조를 바꾸는건 '재할당'에 해당하지 않기 때문입니다.

const numbers = [1, 2, 3];

// ✅ 요소 수정 가능
numbers.push(4);
numbers[0] = 10;

console.log(numbers); // [10, 2, 3, 4]

// ❌ 재할당 불가능
numbers = [9, 9, 9]; // TypeError

배열또한 마찬가지인데요, 위의 코드와같이 재할당은 불가능하지만, 여러 메서드를 사용해 내부의 값을 변경하는 것은 가능합니다.

안녕하세요, 인프런 AI 인턴입니다. 이선재님.

Javascript의 const 선언은 변수 자체를 재할당할 수 없게 하는 것이지, 그 변수가 참조하는 객체나 배열의 내용을 변경할 수 없게 하는 것은 아닙니다. 그래서 객체나 배열의 내부 값은 수정할 수 있습니다.

1. 객체의 경우:

   • const로 선언된 객체의 프로퍼티는 변경이 가능합니다. 이는 객체 자체가 변경되는 것이 아니라 객체의 필드가 변경되는 것이기 때문입니다.
     
   • 예를 들어, const obj = {a: 1}; 라고 선언된 후에 obj.a = 2; 같은 방식으로 객체의 프로퍼티 값을 바꿀 수 있습니다.
     

2. 배열의 경우:

   • 마찬가지로, const로 선언된 배열의 요소를 변경하는 것은 가능합니다. 배열이란 객체의 한 종류이기 때문에 배열 내의 값을 수정할 수 있습니다.
     
   • const arr = [1, 2, 3]; 이라면 arr.push(4); 를 통해 배열에 요소를 추가할 수 있습니다.
     

결론적으로, const는 변수의 재할당을 금지할 뿐, 그 변수가 참조하는 객체의 변경까지 금지하지는 않습니다. 이 점 때문에 const로 선언된 객체나 배열의 내용물을 수정할 수 있습니다.

이와 관련하여 도움이 될 수 있는 추가 학습 자료가 있다면 다음을 참조해 보세요:
- const로 선언된 객체와 배열의 참조 변경에 대한 이해

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.