Destructuring을 사용하여 자바스크립트에서 중복 코드 제거하기

14 Sep 2023

javascript

예를 들어, 다음과 같이 중복 코드가 있는 상황을 가정해봅시다:

function getUserFullName(user) {
  let firstName = user.firstName;
  let lastName = user.lastName;
  return `${firstName} ${lastName}`;
}

function getUserDetails(user) {
  let email = user.email;
  let address = user.address;
  return { email, address };
}

위의 두 함수는 모두 ‘user’ 객체에서 특정 값을 추출하여 변수에 할당하고 있습니다. 이러한 중복을 제거하기 위해 Destructuring을 사용해보겠습니다:

function getUserFullName(user) {
  let { firstName, lastName } = user;
  return `${firstName} ${lastName}`;
}

function getUserDetails(user) {
  let { email, address } = user;
  return { email, address };
}

위의 코드에서 Destructuring을 사용하여 ‘user’ 객체 내부의 필드를 추출하고 변수에 할당했습니다. 이렇게 함으로써 중복 코드를 제거하고 가독성을 향상시킬 수 있습니다.

Destructuring은 자바스크립트의 다양한 상황에서 활용될 수 있으며, 반복적인 코드를 줄이는 데 매우 유용합니다. 중복 코드를 제거하고 코드의 가독성과 유지보수성을 향상시키기 위해 Destructuring을 적극적으로 활용해보세요.

#자바스크립트 #Destructuring