ES6 - Set 데이터 구조 실현 - 배열 제거 - 문제 상세 설명
8658 단어 ES6
배열 과 유사 하지만 멤버 들 의 값 은 유일 하 며 중복 되 지 않 았 다.set 자 체 는 set 데이터 구 조 를 만 드 는 구조 함수 입 니 다.
① 무 거 운 것 을 실현 한다.
const s = new Set();
[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));
console.log(s);
Set(4) [ 2, 3, 5, 4 ]
② 더 간단 한 방법 이 있 습 니 다. 확장 연산 자 를 결합 하여 배열 의 무 게 를 실현 해 야 합 니 다.
확장 연산 자: 하나의 배열 을 쉼표 로 구 분 된 매개 변수 시퀀스 로 변환 합 니 다.
console.log(...[1, 2, 3]);
//1 2 3
console.log(1, 2, 3);//
//1 2 3
추가 설명:
//[...[1, 2, 3]]=>[1, 2, 3]
console.log([...[1, 2, 3]]);
//[1, 2, 3]
여기 서 제 가 이해 하지 못 했 던 의문점 을 공유 해 보도 록 하 겠 습 니 다.
확장 연산 자의 역할 을 깊이 이해 하지 못 했 습 니 다. 곧 하나의 배열 이 쉼표 로 구 분 된 매개 변수 서열 로 바 뀔 것 입 니 다. 매개 변수 서열 이라는 단어의 의 미 를 알 아야 합 니 다. 즉,... [1, 2, 3] = > 1, 2, 3 의 형식 은 제 가 이해 하지 못 했 기 때문에 저 처럼 이 정 의 를 잘 이해 하지 못 했 는 지 모 르 겠 습 니 다.그 러 니까 눌 러 봐.
다음은 코드 한 마디 로 배열 의 무 게 를 실현 합 니 다.
var arr = [1, 2, 3, 4, 2, 3, 4, 2];
console.log([...new Set(arr)]);
//[ 1, 2, 3, 4 ]
set 함 수 는 하나의 배열 을 매개 변수 로 받 아들 여 초기 화 할 수 있 습 니 다.
이상 은 제 가 ES6 표준 입문 3 판 튜 토리 얼 을 정리 한 것 입 니 다.
나의 이해
[...new Set(arr)]
이 코드 는 잘 이해 해 야 한다. 예 를 들 어 이 예://[...[1, 2, 3]]=>[1, 2, 3]
console.log([...[1, 2, 3]]);
//[1, 2, 3]
제 가 표현 하고 싶 은 것 입 니 다. 즉
1, 2, 3
좌우 에 [와] 를 더 하면 배열 의 형식 입 니 다 ~ [1, 2, 3]
...new Set(arr)
쉼표 로 구 분 된 매개 변수 목록 을 되 돌려 주 고 좌우 에 [와] 를 더 하면 배열 의 형식 입 니 다. 제 졸견 입 니 다. 의견 이 다 르 면 댓 글 을 환영 합 니 다.③ from 방법 + Set 은 배열 의 무 게 를 실현 한다.
const items = new Set([1, 2, 3, 2, 3, 4, 5, 5]);
const array = Array.from(new Set(items));
console.log(array);
//[ 1, 2, 3, 4, 5 ]
주: Array. from 방법 은 Set 구 조 를 배열 로 바 꿀 수 있 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
(Javascript) ES6의 주요 특징 정리let을 사용하면 선언한 변수는 블록안에서만 유효하게 된다. const 역시 마찬가지로 블록스코프를 따른다 .const 와 let의 차이점은 const 는 상수로 값을 할당한다는 점이다. 따라서 값을 변경시키려고 하...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.