객체


 

객체의 생성 및 접근

 

객체는 key와 value로 이루어져 있다. 그러므로 객체를 생성할 때 key와 value값을 이용한다.

 

 

 

1
2
3
4
5
6
7
        var book = {
            name : 'harry potter',
            author : 'J.K Rolling',
            page : 300,
            code : '2523ab11',
            'How many' : 15
        };
cs

 

 

 

위와 같이 중괄호 { } 안에 key와 value값을 이용해서 객체를 생성하면 된다.

 

key값은 문자열이나 식별자(변수이름과 비슷)를 사용한다. 대부분 식별자를 사용하지만, 띄어쓰기가 있는 것과 같은 식별자로 사용할 수 없는 단어를 사용

 

할 때는 문자열을 사용한다.

 

value값으로는 모든 자료형이 들어갈 수 있다. 

 

생성된 객체에 접근할 때는 배열의 인덱스를 이용하는 방법처럼 접근하는 방법과 .을 이용해서 접근할 수 있다.

 

1
2
3
4
5
6
7
8
        alert(book[name]);
        alert(book[author]);
 
        alert(book.name);
        alert(book.author);
 
        //alert(book.How many);
        alert(book['How many']);
cs

 

위의 코드와 같이 객체이름 옆 대괄호에 key값을 넣어 사용해도 되고, . 연산자를 이용해서 접근할 수도 있다.

 

단, key값이 식별자가 아니라 위 코드의 'How many'와 같이 문자열일 경우에는 반드시 대괄호를 사용해야만 객체의 요소에 접근 할 수 있다.

 

'개발 > JavaScript' 카테고리의 다른 글

[JavaScript] in, with 키워드  (0) 2018.07.08
[JavaScript] 객체의 속성과 메소드  (0) 2018.07.08
[JavaScript] 클로저  (0) 2018.06.21
[JavaScript] 콜백함수  (0) 2018.06.21
[JavaScript] 내부함수와 자기호출함수  (0) 2018.06.20

+ Recent posts