객체(object)
하나의 데이터 형태이지만 여러 개의 데이터를 표현할 수 있는 자료형이다.
{}
형태는 중괄호로 데이터를 담을 수 있다.
객체 생성하는 두 가지 방법
const obj = {}; //중괄호로 생성
const obj2 = new Object(); //클래스 템플릿 이용해 생성
중괄호만 쓰게 되면 할당된 데이터는 비어있는 객체 데이터를 가지고 있다.
object literal : 중괄호로 생성된 객체
object constructor : 클래스 템플릿을 이용한 객체
객체의 구성
const obj = {key:value};
key: 키
value: 값
두 개를 묶어서 속성(property)라고 한다.
//사람 이름, 나이
let person = ['kim', 22];
console.log(person); //["kim", 22]
let person2 = {
name: 'kim',
age: 22
};
console.log(person2); //{name: "kim", age: 22}
배열은 값(value)들이 직관적이지 않아 주석이 없으면 어떤 데이터인지 파악하기 어렵다.
객체는 키(key)와 값(value)로 이뤄져 있어 배열보다 직관적이다.
객체 속성(property)에 접근하는 두 가지 방법
let person2 = {
name: 'kim',
age: 22
};
console.log(person2.name); //kim
console.log(person2['name']); //kim
person2.name
코딩하는 그 순간 key에 대한 value를 받고 싶을 때 사용
person2['name']
런타임에서 결정될 때 사용, 실시간으로 원하는 key를 받아올 때 사용
'웹 > JavaScript' 카테고리의 다른 글
ES6. new Set() (0) | 2021.01.08 |
---|---|
ES6 Destructuring 구조 분해 할당 (0) | 2021.01.07 |
ES6 배열. spread operator 펼침연산자 ...arr, Array.from (0) | 2021.01.04 |
ES6 이터레이터(iterator) for of, for in 차이점 (0) | 2021.01.03 |
es6에서 추가된 string 메소드들 (0) | 2021.01.02 |
댓글