[ES6] JavaScript Rest 파라미터 완전 정리: 가변 인자 처리와 Spread 차이 AI 생성 이미지: [ES6] JavaScript Rest 파라미터 완전 정리: 가변 인자 처리와 Spread 차이 이 문서는 "[ES6] JavaScript Rest 파라미터 완전 정리: 가변 인자 처리와 Spread 차이"를 중심으로, 함수에 전달되는 가변 인자를 안전하고 명확하게 다루는 방법을 설명합니다. 예전의 arguments 대신 ES6의 Rest 파라미터(Rest Parameter) 를 사용하면, 전달된 값들을 정확한 배열 로 받아와 표준 배열 메서드로 쉽게 처리할 수 있습니다. 📚 목차 1. Rest 파라미터 기본 정의 및 문법 2. 사용 예시: 가변 인자 합계 계산 3. Rest 파라미터 vs Spread 연산자 차이 4. 정리 및 실무 팁 1. 📌 Rest 파라미터 기본 정의 및 문법 간단히 말해 Rest 파라미터는 함수 선언에서 식별자 앞에 점 세 개( ... )를 붙여 남은 모든 인자를 하나의 배열 로 묶는 문법입니다. "[ES6] JavaScript Rest 파라미터 완전 정리: 가변 인자 처리와 Spread 차이"의 핵심은 이 배열을 어떻게 안전하게 다루느냐에 있습니다. Rest 파라미터 문법 function myFunc(...rest) { ...

[...new Set(arr)]로 JavaScript 배열 중복 제거하는 가장 간단한 방법 AI 생성 이미지: [...new Set(arr)]로 JavaScript 배열 중복 제거하는 가장 간단한 방법 JavaScript로 배열을 다룰 때는 중복 요소를 제거 해야 할 일이 흔히 생깁니다. API 응답이나 폼 입력, 로그 데이터 같은 곳에서 동일한 값이 반복되면 집계나 렌더링 로직에 오류가 발생할 수 있습니다. 실무에서는 [...new Set(arr)]로 JavaScript 배열 중복 제거하는 가장 간단한 방법을 우선적으로 고려하는 경우가 많습니다. 이 글에서는 Set을 사용하는 간단한 패턴 과 filter()와 indexOf를 조합한 패턴 을 중심으로, 각각의 동작 원리와 장단점을 실무 관점에서 정리합니다. 1. Set을 활용한 배열 중복 제거 Set 은 중복을 허용하지 않는 컬렉션 입니다. 배열을 Set으로 바꾸면 중복 항목이 즉시 제거됩니다. 그런 다음 다시 배열로 변환하면 중복이 제거된 새로운 배열을 얻습니다. 간단하고 성능도 합리적입니다. 사실 [...new Set(arr)]로 JavaScript 배열 중복 제거하는 가장 간단한 방법은 바로 이 흐름을 말합니다. 1-1. 기본 예제 const arr = [1, 2, 3, 3, 4, 5, 5]; const uniqueArr = [...new Set(arr)]; console.log(uniqueArr); // [1, 2, 3, 4, 5] 위 예제는 new Set(arr) 로 중복을 제거하고, 전개 연산자 ... 로 다시 배열로 풀어냅니다. 결과적으로 uniqueArr 에는 중복이 제거된 값만 남습니다. 코드가 매우 직관적이라 유지보수가 쉽습니다. ...