> 웹 프론트엔드 > 프런트엔드 Q&A > es6 배열의 결합을 찾는 방법

es6 배열의 결합을 찾는 방법

青灯夜游
풀어 주다: 2022-11-03 19:47:30
원래의
1298명이 탐색했습니다.

3가지 방법: 1. 집합 개체 및 확산 연산자 사용, 구문 "Array.from(new Set([...a,...b]))" 2. 집합 개체 및 순회 문 사용, 구문 "a .forEach(i=>{b.push(i);})let u=Array.from(new Set(b));"; 3. set 객체와 concat() 구문을 사용하여 "Array.from ( 새로운 세트(a.concat(b)))”.

es6 배열의 결합을 찾는 방법

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

es6 배열을 통합하는 3가지 방법

방법 1: set 객체와 스프레드 연산자 "..."를 사용합니다

  • 스프레드 연산자 "..."를 사용하여 두 배열을 병합합니다

  • 세트 객체를 사용하여 중복 제거

    세트는 ES6에서 제공하는 새로운 데이터 구조로 배열과 유사하지만 중복된 값이 없습니다. 이 기능을 사용하면 중복 제거를 위해 배열을 Set 유형으로 변환한 다음 Array.from 메서드를 사용하여 다시 배열로 변환할 수 있습니다.

예:

let a=[1, 2, 3];
let b=[3, 5, 2];
console.log(a);
console.log(b);

// 并集
let unionSet = Array.from(new Set([...a, ...b]));
console.log("并集:");
console.log(unionSet);
로그인 후 복사

es6 배열의 결합을 찾는 방법

방법 2: set 객체 및 순회 문 사용

  • forEach() 및 push()를 사용하여 두 배열을 병합합니다.

    forEach()를 사용하여 a 배열을 순회합니다. , push()를 사용하면 배열 a의 요소를 배열 b의 끝에 하나씩 추가합니다

  • set 객체를 사용하여 중복 항목을 제거합니다

예:

let a=[1, 2, 3];
let b=[3, 5, 2];
console.log(a);
console.log(b);

a.forEach(item => {
    b.push(item);
})

// 并集
let unionSet = Array.from(new Set(b));
console.log("并集:");
console.log(unionSet);
로그인 후 복사

es6 배열의 결합을 찾는 방법

방법 3: set 객체 사용 concat()

concat() 메서드는 두 개 이상의 배열을 연결하는 데 사용됩니다.

array1.concat(array2,array3,...,arrayX)
로그인 후 복사

는 새로운 배열을 반환합니다. 배열은 모든 arrayX 매개변수를 arrayObject에 추가하여 생성됩니다. concat() 작업에 대한 인수가 배열인 경우 배열이 아닌 배열의 요소가 추가됩니다.

예:

let a=[1, 2, 3];
let b=[2, 4, 6];
console.log(a);
console.log(b);

// 并集
let unionSet = Array.from(new Set(a.concat(b)));
console.log("并集:");
console.log(unionSet);
로그인 후 복사

es6 배열의 결합을 찾는 방법

[관련 추천: javascript 비디오 튜토리얼, 웹 프론트엔드]

위 내용은 es6 배열의 결합을 찾는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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