객체(object), 객체 속성 추가

객체 

현실의 사물을 프로그래밍에 반영한 것

var pinggu = {
	workplace : 'oosoft',
	job: 'programmer'
};

pinngu라는 변수에 { }로 감싼 덩어리가 바로 객체이다.

 

속성(property) 

1. 콤마( , )
콤마로 구분되는 것들을 객체의 속성이라고 부른다. 

pinggu 객체에는  : 'workplace' , job : 'programmer'  이렇게 두 개의 속성이 있다.

속성끼리는 쉼표로 구분을 해준다.

2. 속성은  키 : 값
2-1) 키
- 속성명이라고도 한다.

- 문자열만 가능

- 따옴표가 없어도 되고 있어도 상관은 없다. 

  대신 띄어쓰기가 들어간 경우는 따옴표로 감싸줘야 한다.
  ex) var example  = { 'item list' : 'apple' };

 

2-2) 속성값 

- 어떤 값이든 상관이 없다. 

  문자열이어도 되고, 숫자여도 되고, 객체여도 된다. 함수여도 상관 없다.

 

객체 값 접근하기 

1. 접근을 하는 두가지 방법
- ' 마침표 ' 를 사용해서 접근 하기

pinggu.job; // 'programmer'
pinggu.workplace; // 'oosoft'

- [ ] 안에 속성명을 적어서 접근 하기 

pinggu['job']; // 'programmer';
pinggu['workplace']; // 'oosoft';

 

- > 주로 마침표를 사용한다.  
     if ) 어쩔 수 없이 사용하는 경우는 속성명에 띄어쓰기가 들어가 있는 경우 
     ex ) example['item list'] 이렇게 접근하면 된다. 
            example[item list] 이렇게 하면 오류 발생!

객체 안의 속성 바꾸기 

pinggu.job = 'trainer';
pinggu; // { workplace: 'oosoft', job:'trainer'}

 

객체 안의 속성값으로 객체 넣기 

var pinngu = {
	license : {
		computing : 'dataprocessing',
        	database : 'SQLD',
 		medical : 'nurse'
    }
};

pinggu.license.computing; // 'dataprocessing'

 

객체 속성 삭제하기 - delete

delete pinggu.license.computing;
pinggu.licensel // { database: 'SQLD', medical: 'nurse'}

 

참조 : https://www.zerocho.com/category/JavaScript/post/572c6f759a5f1c4db2481ee3

https://www.zerocho.com/category/JavaScript/post/572c6f759a5f1c4db2481ee3

 

https://m.blog.naver.com/designondo/221251431632

javascript - object 객체 속성 추가, 삭제