자바스크립트 문법 중에 이거 이름 뭔가요?

Question

const a = {

name: 'jane',

age:29,

point: 100

}

const { name, ...rest } = a

저렇게 rest로 나머지 받아 쓸 수 있는거...

스프레스 연산 아님. 저걸 표현하는 말이 있었는데 기억이 안 나네요...

Answer 1

안녕하세요. 현직 프론트 개발자 입니다.

위 표현의 명칭은 디스트럭쳐링이라고 말합니다. 한글로는 구조분해할당이라고 합니다. 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 방식이며 ES6에서 많이 사용되는 기법입니다.

처음엔 저게 왜 필요할까 생각했었는데 익숙해지고 나니 없으면 안될 정도 이네요. 아래 링크를 참고해 보세요.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

Answer 2

Destructuring assignment

우리말로는 "구조 분해 할당" 이라고 합니다.

문서 참고요: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

Answer 3

저 경우의 ...은 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"}

Answer 4

영어로는 Destructuring assignment 라고 하고 우리말로는 구조 분해 할당 정도로 번역할 수 있습니다.

위의 a 라는 객체를 구조 분해하는 것은 Object destructuring 라고 부릅니다.

자세한 것은 아래 사이트를 참고하세요. 객체의 속성을 해체하여 개별 변수에 담는 것 외에 배열도 해체하여 담을 수 있습니다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#%EA%B0%9D%EC%B2%B4_%EA%B5%AC%EC%A1%B0_%EB%B6%84%ED%95%B4

Answer 5

안녕하세요.

구조 분해 할당 (비구조화 할당 - destructuring assignment) 구문 이라고 합니다.
참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment