코드 중복은 가독성과 유지 보수에 부정적인 영향을 미칠 수 있습니다. 간단한 예제를 통해 자바스크립트의 Destructuring을 활용하여 중복 코드를 제거하는 방법을 알아보겠습니다.

1. 중복 코드 예제

먼저, 중복된 코드 예제를 살펴보겠습니다. 아래 코드는 학생의 이름과 성적을 출력하는 함수입니다.

function printStudentInfo(student) {
    console.log('이름:', student.name);
    console.log('성적:', student.grade);
}

const student1 = {
    name: 'John',
    grade: 80
};

const student2 = {
    name: 'Jane',
    grade: 90
};

printStudentInfo(student1);
printStudentInfo(student2);

위 코드에서 printStudentInfo 함수에서 학생 객체의 속성을 출력하는 부분이 중복되고 있습니다.

2. Destructuring을 활용한 중복 코드 제거하기

Destructuring을 사용하여 중복 코드를 제거할 수 있습니다. 아래와 같이 printStudentInfo 함수에서 Destructuring을 통해 student 객체의 속성을 추출하여 변수로 할당합니다.

function printStudentInfo(student) {
    const { name, grade } = student;
    
    console.log('이름:', name);
    console.log('성적:', grade);
}

const student1 = {
    name: 'John',
    grade: 80
};

const student2 = {
    name: 'Jane',
    grade: 90
};

printStudentInfo(student1);
printStudentInfo(student2);

Destructuring을 사용하면 코드를 간결하게 작성할 수 있습니다. student 객체의 name과 grade 속성을 각각 name과 grade 변수에 할당했습니다. 그리고 변수를 사용하여 결과를 출력합니다.

이렇게 하면 코드 가독성이 향상되고 중복 코드가 제거됩니다.

3. 결론

자바스크립트의 Destructuring을 사용하면 중복 코드를 간결하게 작성할 수 있습니다. 객체나 배열의 속성을 변수에 할당하여 가독성을 향상시키고, 유지 보수성을 개선할 수 있습니다. 중복 코드를 제거하는 것은 코드 개발과 유지 보수에 도움을 줄 수 있는 좋은 습관입니다.

#javascript #destructuring #중복코드