Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- STYLE
- Absolute
- Inline
- 변수
- 선언
- 조건문
- API
- LIKELION
- js
- block
- boolean
- function
- 리액트
- react
- javascript
- 프론트엔드스쿨
- false
- ubuntu
- display
- HTML
- object
- 선택자
- array
- 멋쟁이사자처럼
- terminal
- position
- True
- Project
- http
- CSS
Archives
- Today
- Total
Jeden Tag, aufrichtig und lustig.
js 18. object 본문
object
참조형 데이터타입이다.
대괄호에 데이터를 묶는 array와 달리
중괄호 안에 데이터를 묶는다.
- property 이름은 중복될 수 없다.
let myObject = {
key : value
}
ex.
let myself = {
name : 'Coder',
location : {
country : 'South Korea',
city : 'Seoul'
},
age : 30,
cats : ['냥냥', '우유']
}
property : name : 'Coder'
key : name
value : 'Coder'
**
객체에는 순서가 없기 때문에
콘솔로 찍었을 때 순서 상관 없이 property들이 찍힌다.
또한 value값에 객체형 데이터, array가 들어갈 수도 있다.
데이터는 쉼표(,)를 통해 구분한다.
객체에 property 추가하는 방법
객체이름 . 추가할 key이름 = "value"
객체의 property 삭제하는 방법
delete 객체이름.key;
객체 요소에 접근하는 방법
dot notation
객체이름 . key이름
ex.
console.log(myself.name)//Coder
bracket notation
객체이름[ 'key' ]
console.log(myself['name'])//Coder
dot notation과 bracket notation 사이에는 차이점이 존재한다.
객체 속 객체에 접근하는 방법 (nested object)
let gloveBoxContents(새변수이름) = myStorage(변수이름).car(속성이름).inside(속성이름)['glove box'(속성이름)]
'JavaScript' 카테고리의 다른 글
js 20. const (0) | 2022.07.09 |
---|---|
js 19. let (0) | 2022.07.09 |
js 17. 반복문-for (0) | 2022.06.29 |
js 16. splice (0) | 2022.06.27 |
js 15. array (0) | 2022.06.27 |