일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 자바스크립트
- 프론트엔드
- 컴포넌트
- 파이어베이스
- localstorage
- 프로그래머스
- v9
- Frontend
- 비트 연산자
- react
- axios
- Reducer
- Redux
- 알고리즘
- til
- 리액트
- react localStorage
- firebase
- CORS
- es6
- 프리온보딩
- JS
- JavaScript
- Component
- 원티드
- state
- 타입스크립트
- 브라우저
- TypeScript
- array
Archives
- Today
- Total
도리쓰에러쓰
[JavaScript] 배열 중복 원소 제거해주는 Set 객체 본문
Set 객체는 ES6에서 지원하는 새로운 데이터 Object입니다.
Set 객체는 배열 내에 중복되는 원소를 제거해줍니다.
아래 코드는 Set 객체를 사용하는 방법입니다.
let arr1 = [1, 2, 3];
let arr2 = [2, 4, 6];
let setArr = [...new Set([...arr1, ...arr2])];
console.log(setArr); // [1, 2, 3, 4, 6]
- [...array] : 배열의 값이 아닌 내용만 복사 (ES6 Spread Operator 참고)
🚨 Set 객체는 데이터 타입을 구분하기 때문에 숫자 1과 문자열 "1"은 다르다는 점 유의해주세요 !
'JavaScript > JS' 카테고리의 다른 글
[JavaScript] 밀리초 일, 시, 분, 초 계산하기 (D-day 기능 구현) (0) | 2022.03.16 |
---|---|
[JavaScript] 주로 사용하는 배열 메서드 모음 (Array Method Collection) (0) | 2022.03.10 |
[JavaScript] ES6에 추가된 객체 리터럴 기능 3가지 (0) | 2022.03.04 |
[JavaScript] null 병합 연산자 (Nullish Coalescing Operator) - ?? (0) | 2022.03.02 |
[JavaScript] 옵셔널 체이닝 연산자 (Optional Chaining Operator) - ?. (0) | 2022.03.02 |
Comments