>  기사  >  웹 프론트엔드  >  ES6에서 데이터 구조 설정을 사용하여 배열을 작동하는 방법

ES6에서 데이터 구조 설정을 사용하여 배열을 작동하는 방법

php中世界最好的语言
php中世界最好的语言원래의
2017-12-30 16:47:561754검색

이번에 보여드릴 내용은 ES6에서 Set 데이터 구조를 사용하여 arrays를 작동하는 방법입니다. 우리의 Set 데이터 구조는 es6의 new이지만 멤버의 값입니다. 고유하며 중복된 값이 없습니다. 이 기사는 당신에게 좋은 분석을 제공할 것입니다.

Set 자체는 Set 데이터를 생성하는 데 사용되는 데이터 구조입니다. Set 데이터 구조의 인스턴스에는 4가지 탐색 방법이 있습니다.

keys(): 키 이름의 순회자를 반환합니다.

values(): 키를 반환합니다. 값 편의성

항목 (): 편의상 키-값 쌍을 반환합니다

forEach
(): 콜백 함수 를 사용하여 각 멤버를 탐색합니다. Set 데이터 구조에는 키 이름이 없으므로 키 값(또는 키 이름과 키 값만 동일한 값)이므로 키와 값 메서드의

동작

은 완전히 동일합니다. Set를 사용하면 교차집합, 합집합, 차이집합을 쉽게 구현할 수 있습니다

let a=new Set([1,2,3]);
let b=new Set([4,3,2]);
//交集
let union= [...new Set([...a,...b])];
console.log(union);
//并集
let intersect= [...new Set([...a].filter(x=> b.has(x)))];
console.log(intersect);
//差集
let difference= [...new Set([...a].filter(x=> !b.has(x)))];
console.log(difference);

위의 소개를 읽으신 후 이 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

JS의 버블링 이벤트를 사용하는 방법


PHP 캐시 최적화를 위해 memcached 및 xcache를 사용하는 구현 단계


JS를 사용하는 동안 콘솔 객체를 사용자 정의하는 방법

위 내용은 ES6에서 데이터 구조 설정을 사용하여 배열을 작동하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.