객체의 값을 추가, 수정, 삭제하는 방법

Do Hun Kim·2021년 8월 14일
1

아래의 예시 코드를 활용해 추가, 수정 삭제하는 방법을 설명하겠다.

let weCode = {name: "김도훈", age: "22", group: 6, homeTown: "Daegu"};

객체 속성 추가하는 방법

객체 속성 추가는 2가지 방법으로 가능하다. 객체 속성을 읽는 속성 체인에 값을 지정하거나, 배열 인덱스 형태로 값을 지정할 수 있다.
위의 weCode 객체에 height라는 속성을 추가하고 싶으면 아래와 같이 하면 된다.

weCode.height = 172;

객체 속성 수정하는 방법

속성 추가와 같은 방법으로 속성을 수정한다. 기존 속성이 있으면 변경하고, 속성이 없으면 추가하는 구조다.
위의 weCode 객체에서 나의 고향을 바꾸고 싶으면 아래와 같이 하면 된다.

weCode.homeTown = "Seoul";

객체 속성 삭제하는 방법

객체 속성 삭제를 할 때는 delete라는 연산자가 따로 있다 .
위의 weCode 객체에서 나의 나이를 삭제하고 싶으면 아래와 같이 하면 된다.

delete weCode.age;

주의할점

delete 연산자는 객체의 속성, 또는 배열 요소를 삭제할 수 있다. 객체 속성값이 배열인 경우 배열 요소를 삭제할 수도 있다. 단, delete 연산자로 배열 요소를 삭제할 경우, 배열의 pop(), shift(), splice() 메서드로 삭제하는 것과 달리 배열의 갯수가 변하지 않는다. delete 연산자로 배열 요소를 삭제한 후, 배열을 콘솔에 찍어보면 해당 위치는 undefined로 표시됩니다. 배열에는 delete 연산자를 사용하는 것은 혼동을 일으킬 수 있다는 점을 꼭 알아두어야 한다.

0개의 댓글

관련 채용 정보