[Javascript] Object생성과 Property접근하기

Object(객체)

객체는 Property로 구성되는데 메소드와 변수 등이 key에 할당될 수 있다. 

---

Object 생성

• 객체 리터럴을 사용하여  만든다.

객체 리터럴이란

{}(중괄호)안에 key와 value의 목록들을 의미한다.

 

var Test = { First : "인공지능", Second : "소스2", Third : '컴파일러' };

 

• new 키워드를 사용하여 만든다.

var test = new Object();
test.First = '인공지능'; 
test.Second = '소스2';
test.Third = '컴파일러';

//이렇게 property를 생성하고 수정하는것도 가능
test[Fourth] = '개발';

 

---

프로퍼티 (Property)

프로퍼티는 객체에서 key와 value를 묶어서 말한다. 

• key : 빈 문자열을 포함한 모든 문자열 또는 symbol 값
• value : 모든 값

접근방법

.을 사용하여 객체의 value에 접근한다.

var obj = {}; // 객체 생성

obj.num = 100; // num이라는 key에 100이라는 value를 할당.

var sum = obj.num + 10; // num에 할당된 value를 불러와 10을 더해 sum에 할당한다.

console.log(sum); 

출력 : 110

key에 문자열 이외의 값을 사용하면 자동으로 문자열로 변환된다.

이미 존재하는 key를 선언하면 나중에 선언한 key의 value로 덮어 씌어진다. 배열과 다르게 객체는 프로퍼티의 순서를 보장하지 않는다.

---

Property 주의점

• Property에 값을 할당하지 않을 경우 syntax error가 뜬다.
• Property를 삭제하기 위해서는 delete라는 keyword를 사용하여 프로퍼티를 삭제해야 한다.

//객체 생성 후 value 할당.
var obj= new Object(); 
obj.name = 'object'; 
console.log(obj.name);

출력 : object 

//null 할당
obj.name = null; 
console.log(obj.name);

출력 : null


//삭제
delete obj.name;
console.log(obj.name);

출력 : undefined