자바스크립트 문법 중에 이거 이름 뭔가요?
const a = {
name: 'jane',
age:29,
point: 100
}
const { name, ...rest } = a
저렇게 rest로 나머지 받아 쓸 수 있는거...
스프레스 연산 아님. 저걸 표현하는 말이 있었는데 기억이 안 나네요...
안녕하세요. 현직 프론트 개발자 입니다.
위 표현의 명칭은 디스트럭쳐링이라고 말합니다. 한글로는 구조분해할당이라고 합니다. 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 방식이며 ES6에서 많이 사용되는 기법입니다.
처음엔 저게 왜 필요할까 생각했었는데 익숙해지고 나니 없으면 안될 정도 이네요. 아래 링크를 참고해 보세요.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
Destructuring assignment
우리말로는 "구조 분해 할당" 이라고 합니다.
문서 참고요: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment저 경우의 ...은 spread operator가 아니라 rest parameter (나머지 매개변수)라고 합니다.
key 이름을 모르거나 남아있는 정보를 채울 때 사용합니다.
const landscape = { name : 'Nathan', location : 'seoul', equipment : 'computer', color : 'blue', }; const { name, ...additional} = landscape; console.log(additional); // {location: "seoul", equipment: "computer", color: "blue"}영어로는 Destructuring assignment 라고 하고 우리말로는 구조 분해 할당 정도로 번역할 수 있습니다.
위의 a 라는 객체를 구조 분해하는 것은 Object destructuring 라고 부릅니다.
자세한 것은 아래 사이트를 참고하세요. 객체의 속성을 해체하여 개별 변수에 담는 것 외에 배열도 해체하여 담을 수 있습니다.
안녕하세요.
구조 분해 할당 (비구조화 할당 - destructuring assignment) 구문 이라고 합니다.
참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
