티스토리 뷰
객체 표기법의 종류
- 점 표기법
- 대괄호 표기법
1. 점 표기법
- property name에 공백이 있으면 사용할 수 없다.
- property name에 표현식을 사용할 수 없다.
[점 표기법 property value 읽는 방법]
let fruits = {
apple: 'ok',
water_melon: 'ok',
orange$: 'ok',
'sweet grape': 'ok'
};
fruits.apple; // "ok"
fruits.water_melon; // "ok"
fruits.orange$; // "ok"
fruits.sweet grape; // 에러
fruits.'sweet grape'; // 에러
[점 표기법 property 추가, 수정하는 방법]
// 추가
fruits.strawberry = "ok";
// 수정
fruits.strawberry = "딸기";
[점 표기법 property 삭제하는 방법]
delete fruits.strawberry;
2. 대괄호 표기법
- property name에 문자열을 사용할 때, 따옴표로 묶어서 사용한다. (공백도 사용 가능)
- property name에 표현식을 사용할 수 있다.
[대괄호 표기법 property value 읽는 방법]
let fruits = {
apple: 'ok',
water_melon: 'ok',
orange$: 'ok',
'sweet grape': 'ok'
};
fruits[apple]; // 에러
fruits['water_melon']; // "ok"
fruits['orange$']; // "ok"
fruits['sweet grape']; // "ok"
[대괄호 표기법 property 추가, 수정하는 방법]
// 추가
fruits['strawberry'] = "ok";
// 수정
fruits['strawberry'] = "딸기";
[대괄호 표기법 property 삭제하는 방법]
delete fruits['strawberry'];
[대괄호 표기법 표현식 사용하는 방법]
let user = {
dDay : '0218'
};
let decimal = 'd';
let keyName = 'name';
user[decimal + 'Day']
user[keyName] = 'mill';
주의: 상수 객체는 수정될 수 있다.
const user = {
nickName : 'mill'
};
user.nickName = '밀';
user['nickName'] = 'mill';
전체적으로 설정하려고 할 때만 오류가 발생한다.
user = {age : 15};
[공부 좌표]
[참고]
'이론 > JS' 카테고리의 다른 글
[JS] class - 강의 (0) | 2021.02.11 |
---|---|
[JS] 객체의 property name(=key) (0) | 2021.02.09 |
[JS] 함수의 prototype 프로퍼티 (0) | 2021.02.09 |
[JS] 객체의 종류 (0) | 2021.02.09 |
[JS] 배열의 추가, 삭제 (0) | 2021.02.08 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- scrollHeight
- 링크막기 #a링크막기
- constructor
- 동치 연산자
- prototype 프로퍼티
- javascript class
- 점 표기법
- 대괄포 표기법
- innerHeight
- [[Prototype]]
- outerHeight
- 동등 연산자
- __proto__
- 프로퍼티
- @font-face
- clientHeight
- 객체의 프로퍼티
- 일치 연산자
- clinetTop
- offsetTop
- 불일치 연산자
- property
- offsetHeight
- 부등 연산자
- scrollTop
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함