[JavaScript] 객체 비 구조화 할당

객체 비 구조화 할당은 객체 안에 있는 값들을 추출해 새로운 상수로 선언해준다. 

 

[예시]

const object = { a: 1, b: 2 };

const { a, b } = object;

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

 

- 함수 내에서 사용 예시

const object = { a: 1, b: 2 };

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

print(object);

const object = { a: 1, b: 2 };

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

print(object);

 

-배열에서의 사용 예시 

const array = [1, 2];
const [one, two] = array;

console.log(one);
console.log(two);

 

- 선언 변수 이름 변경 

//a를 c라고 선언하겠다는 의미 

const object = { 
	a: 1, b: 2 
    };
const {a:c} = object;
console.log(c);

 

 

---

출처 

https://learnjs.vlpt.us/useful/06-destructuring.html

06. 비구조화 할당 (구조 분해) 문법 · GitBook