JS 대상 배열 의 무 거 운 3 가지 방법 예시 및 대비
3461 단어 js배열무 거 운 것 을 제거 하 다
// //
[{ [{
"goodsId": "1", "goodsId": "1",
"quota": 12, "quota": 12,
"skuId": "1" "skuId": "1"
}, },
{ {
"goodsId": "2", "goodsId": "2",
"quota": 12, "quota": 12,
"skuId": "2" "skuId": "2"
}, }]
{
"goodsId": "1",
"quota": 12,
"skuId": "1"
}]
사용법필터 와 맵 사용 🌟🌟🌟🌟🌟 reduce 사용 🌟🌟🌟🌟 순환 🌟🌟🌟 결론:filter 와 Reduce 의 시간 차 이 는 그리 크 지 않 습 니 다.filter 는 조금 더 빠 르 지만 filter 문법 은 더욱 간결 합 니 다.
1.filter 와 Map 사용
코드 가 간결 하고 쓰기 좋 습 니 다.4 줄 코드 가 해결 되 었 습 니 다.평균 소모 시간 이 가장 짧 습 니 다.5 성 추천 합 니 다.
function uniqueFunc(arr, uniId){
const res = new Map();
return arr.filter((item) => !res.has(item[uniId]) && res.set(item[uniId], 1));
}
2.reduce 사용코드 가 조금 많 습 니 다.평균 소모 시간 과 1 등 을 가리 지 않 고 4 성 추천 합 니 다.
function uniqueFunc2(arr, uniId){
let hash = {}
return arr.reduce((accum,item) => {
hash[item[uniId]] ? '' : hash[item[uniId]] = true && accum.push(item)
return accum
},[])
}
3.순환 을 위해 사용소모 시간 은 1,2 보다 약간 많 지만 소모 시간 은 평균 적 으로 삼 성 추천
function uniqueFunc3(arr, uniId){
let obj = {}
let tempArr = []
for(var i = 0; i<arr.length; i++){
if(!obj[arr[i][uniId]]){
tempArr.push(arr[i])
obj[arr[i][uniId]] = true
}
}
return tempArr
}
3.2400 개의 데이터,세 가지 방법 으로 시간 을 비교 합 니 다.테스트 횟수
filter Map
reduce
for 순환
1
0.139892578125 ms
0.19189453125 ms
0.2060546875 ms
2
0.12109375 ms
0.1279296875 ms
0.195068359375 ms
3
0.112060546875ms
0.11767578125 ms
0.174072265625 ms
4
0.10400390625 ms
0.1728515625 ms
0.18701171875 ms
5
0.10986328125 ms
0.12890625 ms
0.175048828125 ms
6
0.113037109375 ms
0.10791015625 ms
0.172119140625 ms
7
0.134033203125 ms
0.129150390625 ms
0.172119140625 ms
테스트 시간 캡 처 전시
총결산
JS 대상 배열 의 무 게 를 줄 이 는 3 가지 방법 과 비교 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 관련 JS 대상 배열 의 무 게 를 줄 이 는 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 응원 부 탁 드 리 겠 습 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.