Object 객체 { }

1. 객체 { }는 순서에 상관없이 저장되는 데이터들의 모음이다.

* 기본형식*
var 객체명 = {
                   'key1' : 'value1' , 
                   'key2' : 'value2' , 
                   'key3' : 'value3'
                  };
: 을 기준으로 앞에 있는것은 "Key"  /   뒤에오는 것은 "Value" 이다.
키-밸류의 구분은 ,(콤마)로 한다.

// fruit라는 이름의 객체를 만든다.
var fruit = { 'A':'apple', 'B':'banana', 'C':'croissant'};

 

2. 만든 객체를 출력하기.

document.write(객체명.지정된 key이름)

※ key이름에 따옴표 쓰지않음에 주의.

var fruit = { 'A':'apple', 'B':'banana', 'C':'croissant'};
document.write(fruit.A);
// 출력값:  apple 

---

3. 이미존재하는 객체에 value를 추가하고싶다면,

객체명.추가할 key이름 = '추가할 value'

※ 추가할 key이름에는 따옴표를 쓰지않음에 주의.

var fruit = { 'A':'apple', 'B':'banana', 'C':'croissant'};

 // 객체명 fruit 에 'd' : 'durian' 을 추가하기:
 fruit.d = 'durian';

 

4. 추가할 key이름에 띄어쓰기가 있다면 다른방법을 써야한다.

객체명['추가할 key이름'] = '추가할 value'

var fruit = { 'A':'apple', 'B':'banana', 'C':'croissant'};
fruit['eat E'] = 'egg';

---

5. 객체의 모든 key를 출력하고싶다면, 

for (var key in 객체명) {
                              document.write(key);
                              };

var fruit = { 'A':'apple', 'B':'banana', 'C':'croissant'};
fruit.d = 'durian';
fruit['eat E'] = 'egg' ;
// 여기까지 fruit 객체를 구성했다. fruit의 모든 key를 출력하려면:
for (var key in fruit) {
                         document.write(key);
                        };
                        
// 출력값은 
// 'A'
// 'B'
// 'C'
// 'D'
// 'eat E'

6. 객체의 모든 value를 출력하고싶다면,

for (var key in 객체명) {
                               document.write(객체명[key]);
                              };

var fruit = { 'A':'apple', 'B':'banana', 'C':'croissant'};
fruit.d = 'durian';
fruit['eat E'] = 'egg'; 
for (var key in fruit) {
                        document.write(fruit[key]);
                        };
// 출력값은
// apple
// banana
// croissant
// durian
// egg

---

7. 객체에 담을 수 있는 데이터의 종류는 다양하다.

함수도 담을 수 있다.

*객체에 함수를 포함시키기
객체명.함수명 = function( ) { 함수로 지정하고자 하는 코드;} ;

*함수 적용하기
객체명.함수명( );

var fruit = { 'A':'appele', 'B':'banana', 'C':'croissant'};
fruit.d = 'durian';
fruit['eat E'] = 'egg'; 

//모든 value를 출력하는 코드
for (var key in fruit) {
document.write(fruit[key]); 
};

// 이 코드를 allvalue 라는 이름의 함수로 지정한다면,
fruit.allvalue = function(){
  for (var key in fruit) {
    document.write(fruit[key]);
    };
 };
 
 // 함수 적용하기
 fruit.allvalue( );