비구조할당

jini.choi·2022년 5월 17일
0

유용한 JS 문법

목록 보기
6/9

값이 주어지지 않았을 때 기본값 설정

const object = {a: 1};

function print({a, b = 2}){
	console.log(a);
	console.log(b);
}

print(object);
const object = {a: 1};

const {a, b = 2} = object;

console.log(a);
console.log(b);

객체 비구조할당

  • 비구조 할당으로 이름을 바꾸는 방법
const animal = {
	name: '멍멍이',
	type: '개'
};

const {name: nickname} = animal;
			//기존이름: 새로운 이름
console.log(nickname); //멍멍이

배열 비구조할당

const array = [1];

const [one, two = 2] = array;

console.log(one); //1
console.log(two); //2

객체 깊숙한 곳에 들어있는 값을 꺼내는 법

const deepObject = {
	state: {
		information: {
			name: 'jini',
			languges: ['korean', 'english', 'chinese']
		}
	},
	value: 5
};

const {
	state: {
		information: {
			name,
			languges: [firstLang, secondLang]
		}
	},
	value
} = deepObject;

const extrancted = {
	name,
	firstLang,
	secondLang,
	value
};

console.log(extrancted);
/*
{
	"name" : "jini",
	"firstLang": "korean",
	"secondLang": "english",
	"value": 5
}
*/
profile
개발짜🏃‍♀️

0개의 댓글