Script 배열 비구조화 할당

비구조화 할당

배열 안에 있는 값을 쉽고 간결하게 사용할 수 있는 문법 구조입니다.

기존 방식 보다 선언이 쉬우며, 가독성이 높습니다.

// 기존 배열 문법 구조
const array = ['a', 'b', 'c'];
const one = array[0];
const two = array[1];
const three = array[2];

console.log(one);	// a
console.log(two);	// b
console.log(three);	// c



// 비구조화 문법 구조
const array = ['a', 'b', 'c'];
const [one, two, three] = array;

console.log(one);	// a
console.log(two);	// b
console.log(three); 	// c



// 기본값 지정 시, 해당 값을 반환하게 된다.
const [a=1, b=5, c=10] = [1, 2];    

console.log(a);	// 1
console.log(b);	// 2
console.log(c);	// 10



// 함수를 활용하여 사용 가능하다
function getArray(){
	return ['a', 'b', 'c']
}
const [one, two, three] = getArray();

console.log(one);	// a
console.log(two);	// b
console.log(three);	// c



// 나머지
const array = [1, 2, 3, 4, 5]
const [a, b, ...etc] = array;

console.log(a);		// 1
console.log(b);		// 2
console.log(etc);	// [3, 4, 5]