[정리] 객체

출처: unsplash

 

자바스크립트의 객체

자바스크립트에서 단일 데이터를 다루지 않고 여러 복합적인 값을 다룰 때 사용하며,

원칙적으로 객체는 변화가 없고 구조화된 키-값 데이터를 다루는 경우에 유용하게 사용한다.

반면 자주 갱신되거나 실행되기 전에는 알 수 없는 동적인 정보를 다루는 경우에는 적합하지 않다.

 

객체는 정적인 정보에 적합하며,
계속해서 갱신, 반복, 대체, 정렬해야 할 정보에는 부적합하다. ( 이 경우 오히려 맵(map)을 사용 )

 

객체는 중괄호({})로 감싸고 키-값의 형태로 표현한다.

객체 내의 "키"를 프로퍼티(property)라고 부르며, 객체 내 프로퍼티에 접근하기 위해서는 "접근연산자(.)"를 사용한다.

const a = {
   price: 3000,		// 키-값 형태로 저장
   discount: false,
}

console.log(a.price) ;	// 객체 a의 프로퍼티 price의 값을 출력 (표기1)
console.log(a["price"]) ;	// 객체 a의 프로퍼티 price의 값을 출력 (표기2)

 

객체의 사용

함수의 파라미터로 필요한 항목을 매개변수로 전달하기 보다는 객체로 전달해 필요한 값을 꺼내 쓸 수 있도록 할 수 있다.

function getBill(item) {
    return {
        name: item.name,
        price: item.price,
    } ;
}

const bill = getBill({	// getBill()에 객체를 전달
    name: '객실 청소',
    price: 30,
}) ;

function displayBill(bill) {
    return `${bill.name} 비용은 ${bill.price} 달러이다.` ;
}

displayBill(bill) ;
// "객실 청소 비용은 30 달러이다."