객체
객체의 생성 및 접근
객체는 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 |