inflearn logo
강의

Course

Instructor

JavaScript All-in-One: From Vanilla JavaScript to SPA Development

Array

const 객체/배열 차이

Resolved

63

moonie

2 asked

0

왜 객체는 const로 했을 때 수정이 되고, 배열은 const로 했을 때 수정이 안 되는지 이해가 잘 안됩니다.

javascript rest-api spa dom

Answer 2

0

hyobin

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

먼저 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

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

0

communityai8509

안녕하세요, 인프런 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로 선언된 객체와 배열의 참조 변경에 대한 이해

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

콜백 함수 메서드 등록

0

82

2

ssr방식 경험

0

75

1

compare 함수 설명에 오해의 소지가 있어보입니다.

0

82

2

API를 비동기 처리하는 이유가 끊겨서 그런건가요?

0

96

2

DOM 트리 보는 곳

0

80

1

배열과 객체의 구조분해할당 방법이 다른 이유

0

82

2

배열 메서드가 순수 함수인지 확인하는 방법

0

72

2

콜백 함수의 매개변수로 _를 쓰는 이유가 무엇인가요?

0

71

2

콜백 함수의 매개변수는 어떻게 구분되나요?

0

58

1

호이스팅 안쓰는게 좋나요?

0

54

2

함수 선언식과 함수 표현식은 어떤 경우에 쓰면 좋나요?

0

82

2

?. 연산자는 자바스크립트 연산자인가요?

0

46

1

JS의 논리 연산자 &&, ||가 리액트의 조건부 렌더링 &&, ||인가요?

0

82

2

자바스크립트 질문

1

103

2

동물앨범만들기 1-1 api 오류

0

54

2

CityList개발-handleLoadMore함수질문

0

69

1

객체와 배열의 const 차이

0

45

1

header 개발 새로고침 오류

0

66

2

Promise 객체

1

57

2

cityList 렌더가 안되는 문제

0

52

2

init 함수 앞에 await

1

65

2

동물 앨범 만들기 pushtState 관련

0

59

2

동물 앨범 만들기 사진 관련 문의

0

74

2

자바스크립트 첫걸음 교재 질문..

1

80

2