Parameter Destructuring이 무엇인가요?

Parameter Destructuring의 개념

Parameter destructuring은 JavaScript 및 TypeScript에서 함수의 매개변수를 분해하여 개별적인 변수로 추출하는 문법입니다. 이를 통해 함수 내에서 전달된 객체나 배열의 특정 속성이나 요소에 접근할 수 있습니다.

Parameter Destructuring 예시

객체 분해 구문을 사용하여 객체의 속성을 추출할 수 있습니다. 예를 들어, 다음은 객체 분해를 사용하여 person 객체의 name과 age 속성을 추출하는 함수의 예입니다:

function printPerson({ name, age }) {
  console.log(`Name: ${name}, Age: ${age}`);
}

const person = { name: 'John', age: 30 };
printPerson(person); // 출력: Name: John, Age: 30

여기서 printPerson 함수는 객체 분해를 통해 person 객체의 name과 age 속성을 추출하여 개별적인 변수 name과 age로 사용합니다.

배열 분해 구문을 사용하여 배열의 요소를 추출할 수도 있습니다. 다음은 배열 분해를 사용하여 배열의 첫 번째와 두 번째 요소를 추출하는 함수의 예입니다:

function printNumbers([first, second]) {
  console.log(`First: ${first}, Second: ${second}`);
}

const numbers = [1, 2, 3, 4, 5];
printNumbers(numbers); // 출력: First: 1, Second: 2

이 경우 printNumbers 함수는 배열 분해를 통해 numbers 배열의 첫 번째와 두 번째 요소를 추출하여 개별적인 변수 first와 second로 사용합니다.

Parameter destructuring은 함수에서 특정 속성이나 요소에 직접 접근할 필요가 있을 때 유용합니다. 객체나 배열을 전달받는 함수에서 필요한 값을 편리하게 추출하고 사용할 수 있게 해줍니다.