js數(shù)組去重的方法匯總
三種方法
利用indexOf判斷新數(shù)組
underscore.js中實際上也是使用的類似的indexOf
//傳入數(shù)組
function unique1(arr){
var tmpArr = [];
for(var i=0; i<arr.length; i++){
//如果當(dāng)前數(shù)組的第i已經(jīng)保存進了臨時數(shù)組,那么跳過,
//否則把當(dāng)前項push到臨時數(shù)組里面
if(tmpArr.indexOf(arr[i]) == -1){
tmpArr.push(arr[i]);
}
}
return tmpArr;
}
利用indexOf判斷舊數(shù)組
function unique2(arr){
var tmpArr = []; //結(jié)果數(shù)組
for(var i=0; i<arr.length; i++){
//如果當(dāng)前數(shù)組的第i項在當(dāng)前數(shù)組中第一次出現(xiàn)的位置不是i,
//那么表示第i項是重復(fù)的,忽略掉。否則存入結(jié)果數(shù)組
if(arr.indexOf(arr[i]) == i){
tmpArr.push(arr[i]);
}
}
return tmpArr;
}
利用hash查找
這里利用了JS對象的實現(xiàn)就是hash表的特性
function unique3(arr){
var tmpArr = [], hash = {};//hash為hash表
for(var i=0;i<arr.length;i++){
if(!hash[arr[i]]){//如果hash表中沒有當(dāng)前項
hash[arr[i]] = true;//存入hash表
tmpArr.push(arr[i]);//存入臨時數(shù)組
}
}
return tmpArr;
}
數(shù)組擴展
Array.prototype.unique1 = function (){
var tmpArr = [];
for (var i = 0; i < this.length; i++){
if (tmpArr.indexOf(this[i]) == -1){
tmpArr.push(this[i]);
}
}
return tmpArr;
}
Array.prototype.unique2 = function(){
var tmpArr = []; //結(jié)果數(shù)組
for(var i = 0; i < this.length; i++){
if (this.indexOf(this[i]) == i){
tmpArr.push(this[i]);
}
}
return tmpArr;
}
Array.prototype.unique3 = function(){
var tmpArr=[], hash = {};
for(var i = 0; i < this.length; i++){
if (!hash[this[i]]){
hash[this[i]] = true;
tmpArr.push(this[i]);
}
}
return tmpArr;
}
使用Set
Set和Map是ES6中新增的數(shù)據(jù)結(jié)構(gòu)
Set直接可以存儲不重復(fù)的一組key,這個key也可以是對象,字符串等
創(chuàng)建set
var s = new Set([1, 2, 3,]);
s; // Set {1, 2, 3}
新增元素
>>> s.add(4)
>>> s
{1, 2, 3, 4}
>>> s.add(4)
>>> s
{1, 2, 3, 4}//重復(fù)元素不會被添加
刪除元素
s; // Set {1, 2, 3, 4}
s.delete(3);
s; // Set {1, 2, 4}
遍歷元素
Map和Set無法使用下標(biāo)
ES6標(biāo)準(zhǔn)引入了新的iterable類型,Array、Map和Set都屬于iterable類型
var s = new Set(['A', 'B', 'C']);
for (var x of s) { // 遍歷Set
alert(x);
}
或者直接使用iterable內(nèi)置的forEach方法
forEach方法是ES5.1標(biāo)準(zhǔn)引入的
var s = new Set(['A', 'B', 'C']);
s.forEach(function (element, set) {
alert(element);
});
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
- js數(shù)組去重的常用方法總結(jié)
- JS實現(xiàn)數(shù)組去重方法總結(jié)(六種方法)
- 史上最全JavaScript數(shù)組去重的十種方法(推薦)
- js實現(xiàn)數(shù)組去重、判斷數(shù)組以及對象中的內(nèi)容是否相同
- js算法中的排序、數(shù)組去重詳細(xì)概述
- JS實現(xiàn)的合并多個數(shù)組去重算法示例
- JS數(shù)組去重常用方法實例小結(jié)【4種方法】
- JS實現(xiàn)字符串去重及數(shù)組去重的方法示例
- JavaScript數(shù)組去重的方法總結(jié)【12種方法,號稱史上最全】
- JavaScript數(shù)組去重實現(xiàn)方法小結(jié)
相關(guān)文章
微信小程序?qū)崿F(xiàn)全局狀態(tài)管理的方法整理
已知微信小程序中如果要做到全局狀態(tài)共享,常用的有四種方式,分別是globalData、本地緩存、mobx-miniprogram和westore,本文將帶大家看看mobx-miniprogram是如何實現(xiàn)的小程序的全局狀態(tài)管理,需要的可以收藏一下2023-06-06
createElement動態(tài)創(chuàng)建HTML對象腳本代碼
利用createElement動態(tài)創(chuàng)建鏈接,div等代碼2008-11-11
layui異步加載table表中某一列數(shù)據(jù)的例子
今天小編就為大家分享一篇layui異步加載table表中某一列數(shù)據(jù)的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
原生JS實現(xiàn)圖片無縫滾動方法(附帶封裝的運動框架)
下面小編就為大家?guī)硪黄鶭S實現(xiàn)圖片無縫滾動方法(附帶封裝的運動框架)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
JavaScript基礎(chǔ)教程之如何實現(xiàn)一個簡單的promise
看了些promise的介紹,還是感覺不夠深入,所以下面這篇文章主要給大家介紹了關(guān)于JavaScript基礎(chǔ)教程之如何實現(xiàn)一個簡單的promise的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2018-09-09

