[JavaScript] 함수에서 객체를 파라미터로 받기

함수에서 객체를 파라미터로 받기

함수에서 객체를 파라미터로 받아오면 아래와 같은 형태로 사용한다.

$(객체명.키)

 

<예시>

const ironMan = {
	name: '토니 스타크',
	actor: '로버트 다우니 주니어',
	alias: '아이언맨'
};

const captainAmerica = {
	name: '스티븐 로저스',
	actor: '크리스 에반스',
	alias: '캡틴 아메리카'
};

function print(hero) {
	const text = `${hero.alias}(${hero.name}) 역할을 맡은 배우는 ${hero.actor} 입니다.`;
	console.log(text);
}

print(ironMan);
print(captainAmerica);

아이언맨(토니 스타크) 역할을 맡은 배우는 로버트 다우니 주니어 입니다.
캡틴 아메리카(스티븐 로저스) 역할을 맡은 배우는 크리스 에반스 입니다.

 

객체 비구조화 할당 (객체 구조 분해)

객체를 파라미터로 받은 후 const {key, key, ..., key} = 객체명 과 같이 선언하면 key를 접근할 때 객체명.이 필요 X

즉, 객체에서 값들을 추출해서 새로운 상수로 선언

function print(hero) {
const { alias, name, actor } = hero;
	const text = `${alias}(${name}) 역할을 맡은 배우는 ${actor} 입니다.`;
	console.log(text);
}

 

더 나아가서 파라미터 단계에서 객체 비구조화 할당 가능

function print({ alias, name, actor }) {
	const text = `${alias}(${name}) 역할을 맡은 배우는 ${actor} 입니다.`;
	console.log(text);
}