> 웹 프론트엔드 > 프런트엔드 Q&A > ES6 어레이의 중복을 제거하는 5가지 방법은 무엇입니까?

ES6 어레이의 중복을 제거하는 5가지 방법은 무엇입니까?

青灯夜游
풀어 주다: 2022-08-30 17:35:30
원래의
11851명이 탐색했습니다.

5가지 방법: 1. Set 구조 및 Array.from() 구문 "Array.from(new Set(arr))" 사용 2. Set 구조 및 확장 연산자 구문 "[...new Set (arr) )]"; 3. 배열을 탐색하고 indexOf()를 사용하여 루프 본문에서 중복 항목을 제거합니다.

ES6 어레이의 중복을 제거하는 5가지 방법은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

ES6 어레이 중복을 제거하는 5가지 방법

1. 데이터 구조 및 Array.from()을 중복 제거로 설정

let arr=[1,2,3,3,2,"1",0,undefined,undefined];
let newArr=Array.from(new Set(arr));
console.log(newArr);
로그인 후 복사

ES6 어레이의 중복을 제거하는 5가지 방법은 무엇입니까?

2. 데이터 구조 및 스프레드 연산자 설정 ".. ." duplication

let arr=[1,2,3,3,2,"1",0,1,2];
let newArr=[...new Set(arr)];
console.log(newArr);
로그인 후 복사

ES6 어레이의 중복을 제거하는 5가지 방법은 무엇입니까?

3. 중복을 제거하려면 단일 레이어 루프 + indexOf를 사용하세요

var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = [];
for(let i = 0;i <arr.length;i++){
    if(newArr.indexOf(arr[i]) ===-1) {
      newArr.push(arr[i]);
    }
}
console.log(newArr);
로그인 후 복사

ES6 어레이의 중복을 제거하는 5가지 방법은 무엇입니까?

4 중복을 제거하려면 배열의 include 메소드를 사용하세요

var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = [];
for(let i = 0;i <arr.length;i++){
  if(!newArr.includes(arr[i])){
    newArr.push(arr[i]);
  }
}
console.log(newArr);
로그인 후 복사

ES6 어레이의 중복을 제거하는 5가지 방법은 무엇입니까?

5. 배열 필터 방법을 활용하여 중복 제거

var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = arr.filter((item,index)=> {
  return arr.indexOf(item,0) === index;
});
console.log(newArr);
로그인 후 복사

ES6 어레이의 중복을 제거하는 5가지 방법은 무엇입니까?

[관련 권장 사항:

javascript 비디오 튜토리얼, 웹 프론트 엔드]

위 내용은 ES6 어레이의 중복을 제거하는 5가지 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿