JavaScript

Javascript 객체 접근/추가/수정/삭제

ITSkeleton 2020. 6. 1. 21:14
728x90
반응형

자바스크립트는 객체(Object)를 제공해줍니다.

객체는 여러개의 값을 한번에 접근합니다. 변수를 여러개 선언하고 값을 저장하면 코드가 점점 복잡해지는데요.

비슷한류의 변수를 한번에 모아서 객체로 만들어 관리할 수 있습니다.

객체는 으로 이루어져 있는데 이를 속성이라 부릅니다.

컴퓨터로 예를 들자면

var computer = {
 cpu: 'i5',
 ram: '8g',
 rom: '256g',
 power: '500w',
}

간단하게 적어보자면 이렇게 이루어져 있습니다.

컴퓨터 안에는 cpu, 그래픽카드, 렘, 저장장치, 파워 등 이 들어가있지요.

이렇게 하나로 모아서 관리할 수 있습니다.

 

그럼 이제 객체에 접근할 수 있어야겠죠?

접근 하는 방법은 아주 간단합니다.

console.log(computer.ram);

간단하죠? 그저 이렇게 넣으면 됩니다.

자 이제 수정하는 방법을 알아볼까요 이또한 크게 다르지 않습니다.

computer.rom = '1TB';

참 별거 없습니다 그렇죠? 

하지만 여기서 유의해야할점이 있습니다. 자바스크립트에서는 어느정도 타입을 보정해주기는 합니다만 같은 타입일 경우에 적용이 가능합니다.

String은 String Number는 Number Object는 Object!

 

추가하는 방법은

computer.gpu = '950ti';

그저 .gpu를 적어주고 값을 넣으면 추가가 가능합니다. 어렵지 않아요

 

이제 삭제에 대하여 알아볼까요.

delete computer.rom;

이렇게 delete만 앞에 적어준다면 삭제됩니다. 컴퓨터에서 저장장치가 사라진것이죠.

 

이상 객체에 대하여 모두 알아보았습니다.

728x90
반응형