亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > JS > 正文

JS中的算法與數據結構之集合(Set)實例詳解

2024-05-06 16:54:21
字體:
來源:轉載
供稿:網友

本文實例講述了JS中的算法與數據結構之集合(Set)。分享給大家供大家參考,具體如下:

集合(Set)

同數學中所學的一樣,集合(Set)是由一組無序但彼此之間又有一定關系性的成員構成,每個成員在集合中只能出現一次,不同于我們之前說的字典,鏈表之類的,它是一種包含了不同元素的數據結構(集合中的元素稱為成員),從其定義中我們可以看出它具有兩個很重要的特征:首先,集合中的成員是無序的,其次,集合中的成員是不相同的,即集合中不存在相同的成員。

實際上,很多編程語言中,集合并不是一種數據類型,但是如果你需要創建一個數據結構用來保存一些獨一無二的元素時,集合就變得很有用了,接下來我們一起來看看JS中如何實現一個集合。

集合的定義

我們要實現一個集合,首先要對其一些定義做了解

  • 不包含任何成員的集合稱為空集,包含一切可能成員的集合稱為全集。
  • 如果兩個集合里的成員都完全相同,則稱兩個集合相等。
  • 如果一個集合所有成員都包含于另一個集合,則前一集合稱為后一集合的一個子集。

集合的操作

通常來說,集合的基本操作有以下三種:

  • 并集:將兩個集合中的成員進行合并,得到一個新的集合
  • 交集:將兩個集合中共同存在的成員組成的一個新的集合
  • 補集:屬于一個集合而不屬于另一個集合的成員組成的新的集合

集合的實現

集合(Set)的實現我們這里基于數組,用數組來存儲數據,根據我們之前學習的以及上面提到的一些方法,我們可以將集合的構造函數定義如下(為了區別ES6的 set 類型,我們這里選擇用 MySet 命名):

//構造函數function MySet () {  this.dataStore = [];      // 數據存儲  this.add = add;         // 添加成員  this.remove = remove;      // 刪除成員  this.size = size;        // 集合元素個數  this.union = union;       // 集合求并集  this.intersect = intersect;   // 集合求交集  this.subset = subset;      // 判斷一個集合是否是另一集合的子集  this.difference = difference;  // 集合求補集  this.contains = contains;    // 判斷某成員是否屬于該集合  this.show = show;        // 顯示當前集合}

我們第一個要實現的方法就是向集合中添加一個成員,即 add 方法

add:向集合中添加一個成員

//添加元素function add (data) {  //判斷元素是否存在集合當中  if( this.dataStore.indexOf( data ) < 0 ){    this.dataStore.push(data);    return true;  }else{    console.warn( 'Can not add ' + data + ', must already be in set');    return false;  }}

我們之前提到,集合中的元素是獨一無二的,因此,我們在將數據存儲到數組之前,首先就是要確保該集合不存在該數據,因此,我們先用 indexOf 方法檢查新加入的元素是否存在,如果找到了就返回該成員在數組中的位置;否則,就返回 -1 ,那么對應的 add 方法就可以定義返回布爾值,添加成功我們返回 true , 否則返回 false ,這樣就可以明確告訴我們是否正確的插入了一個元素。

remove:刪除集合中某個成員

//刪除元素function remove (data) {  //判斷元素是否存在集合當中  var pos = this.dataStore.indexOf(data);  if( pos > -1 ){    this.dataStore.splice(pos,1);    return true;  }else{    console.warn( data + ' is not in set');    return false;  }}

這里,我們順理成章的實現了刪除方法,它跟 add 方法很類似,首先要檢查待刪除元素是否存在于數組中,如果存在,我們調用數組的 splice() 方法刪除該元素并返回 true ,否則,直接返回 false ,表示集合中不存在該元素。

現在,我們可以完成集合的添加和刪除,要測試這些方法之前,我們首先得定義 show 方法,該方法用來顯示集合中的成員,該方法的實現很簡答,只需返回我們定義的數組即可:

show:顯示集合中的成員

// 顯示集合成員function show(){  console.log(this.dataStore);  return this.dataStore;}

接著,我們這會來測試一下:

var fruits = new MySet();// 添加成員fruits.add('Apple');fruits.add('Banana');fruits.add('Pear');fruits.show();       // ["Apple", "Banana", "Pear"]// 添加重復成員fruits.add('Apple');    // Can not add Apple, must already be in set// 刪除成員fruits.remove('Banana');  fruits.show();       // ["Apple", "Pear"]// 刪除不存在的成員fruits.remove('Banana');  // Banana is not in set

嗯,一切正常,我們可以來實現集合的一些高級操作了,我們先來看看 union (并集)的實現。

union:求集合并集

求集合的并集,就是要將兩個集合合并成一個,并除去重復的元素,我們實現思路就是將第一個集合成員放到一個臨時集合中,判斷第二個集合的成員是否也屬于第一個集合,如果為真,代表為重復元素,我們直接跳過該成員,否則將該成員加入臨時集合,最后返回該集合即可;

那么,問題來了,我們要如何判斷一個成員是否存在于該集合中?因此,我們需要一個輔助方法 contains(),它的實現也非常簡單,直接用 indexOf 判斷即可

//判斷元素是否屬于該集合function contains (data) {  if( this.dataStore.indexOf(data) > -1 ){    return true;  }else{    return false;  }}

現在,我們可以定義 union 方法了

//求集合的并集function union ( set ) {  var tempSet = new MySet();  for( var i = 0 ; i < this.dataStore.length ; i++ ){    tempSet.add(this.dataStore[i]);  }  for( var i = 0 ; i< set.dataStore.length ; i++ ){    if( !tempSet.contains(set.dataStore[i])){      tempSet.dataStore.push(set.dataStore[i]);    }  }  return tempSet;}

這樣,我們就可以就集合的并集了,

var fruits1 = new MySet();fruits1.add('Apple');fruits1.add('Banana');fruits1.add('Pear');var fruits2 = new MySet();fruits2.add('Grape');fruits2.add('Banana');fruits2.add('Pear');fruits2.add('Orange');var union = fruits1.union( fruits2 );union.show();              // ["Apple", "Banana", "Pear", "Grape", "Orange"]

成功了!我們可以來看看求集合的交集了。

intersect:求集合的交集

有了上面求并集的思路,那么交集的定義來說也相對簡單,思路就是發現第一個集合的成員也屬于第二個集合時,就將該成員加入到新的集合,最后返回新的集合即可;

//求集合的交集function intersect (set) {  var tempSet = new MySet();  for(var i = 0 ; i < this.dataStore.length ; i++ ){    if( set.contains(this.dataStore[i])){      tempSet.add(this.dataStore[i]);    }  }  return tempSet;}

我們還是利用上面的兩個集合接著求其交集:

var intersect = fruits1.intersect( fruits2 );intersect.show();                // ["Banana", "Pear"]

下一個定義的操作是 subset ;

subset:判斷集合是否是另一集合的子集

該方法首先要確定 該集合的長度是否小于待比較的集合。如果該集合比待比較集合還要大,那么肯定不是待比較集合的一個子集。只要當,待比較集合比較大時,才去判斷集合類的成員是否都屬于待比較集合,如果有一個不是,直接返回 false , 只有當所有元素都屬于待比較集合的時候,我們才能說該集合是待比較集合的一個子集,該方法才會返回 true , 為了方便查看,我加入了console打印;

//子集判斷function subset (set) {  if( this.size() > set.size() ){    console.log('not a subset');    return false;  }else{    for ( var i = 0 ; i < this.dataStore.length ; i++ ){      if( !set.contains(this.dataStore[i])){        console.log('not a subset');        return false;      }    }  }  console.log(' a subset');  return true;}

我們看到上面用到了 size 方法,它的定義如下:

//返回集合長度function size () {  return this.dataStore.length;}

我們保留上面的 fruits1 和 fruits2 , 新建一個 fruits3 來演示 subset 方法

var fruits3 = new MySet();fruits3.add('Apple');fruits3.add('Banana');fruits3.add('Pear');fruits3.add('Grape');fruits3.add('Orange');//子集判斷fruits1.subset( fruits2 );   // not a subsetfruits2.subset( fruits2 );   // a subsetfruits1.subset( fruits3 );   // a subset

看起來一切都很順利,我們只剩最后一個 difference 方法,該方法返回一個新集合,該集合是由屬于第一個集合而不屬于第二個集合的成員組成的。

difference:補集

有了交集的思路,補集的實現就顯得很自然了。

//補集function difference (set) {  var tempSet = new MySet();  for( var i = 0 ; i < this.dataStore.length ; i ++ ){    if( !set.contains(this.dataStore[i])){      tempSet.dataStore.push( this.dataStore[i] );    }  }  return tempSet;}

我們測試一下:

fruits1.difference(fruits2).show();   // ['Apple']fruits1.difference(fruits3).show();   // []fruits2.difference(fruits1).show();   // ["Grape", "Orange"]

ok,到現在,我們完成了一個完整的 set 集合,是不是很棒!

本篇介紹的集合和 ES6 的集合略微有點差別,ES6 提供的 Set 數據結構,有很多現成的方法可以直接調用,很是方法,不是很了解的小伙伴可以參考我之前的一篇博文,關于ES6中Symbol 、Set 和 Map 一文,相信會有不錯的收獲~

希望本文所述對大家JavaScript程序設計有所幫助。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩欧美亚洲一二三区| 国产在线视频一区| 欧美最顶级丰满的aⅴ艳星| 亚洲一级一级97网| 日韩av一区二区在线观看| 亚洲精品在线91| 欧美电影院免费观看| 国产美女精品视频免费观看| 国产精品一久久香蕉国产线看观看| 日韩国产精品亚洲а∨天堂免| 亚洲天堂男人的天堂| 91久久国产综合久久91精品网站| 日韩免费在线免费观看| 亚洲日韩中文字幕在线播放| 亚洲电影免费观看高清| 欧美视频在线看| 亚洲美女av网站| 中文字幕自拍vr一区二区三区| 国产精品嫩草影院久久久| 一区二区亚洲欧洲国产日韩| 精品久久久久久久久久ntr影视| 一个人www欧美| 日韩中文字幕在线视频播放| 亚洲欧美日韩一区在线| 精品无码久久久久久国产| 成人h片在线播放免费网站| 亚洲色图25p| 国内精品久久久久久中文字幕| 色妞一区二区三区| 日韩电影免费观看在线观看| 欧美精品国产精品日韩精品| 国产一区二区三区在线播放免费观看| 日韩在线国产精品| 久久久久久久久久久成人| 久色乳综合思思在线视频| 久久久这里只有精品视频| 国产成人精品999| 欧洲成人午夜免费大片| 91香蕉电影院| 欧美另类精品xxxx孕妇| 欧美放荡办公室videos4k| 亚洲人成在线电影| 国产欧美最新羞羞视频在线观看| 国产97色在线| 国产精品久久久久久久久久久久久| 欧美激情成人在线视频| 中文字幕久精品免费视频| 色99之美女主播在线视频| 久久久亚洲精品视频| 久久精品电影一区二区| 欧美日韩性视频| 亚洲成人激情视频| 国产精品美女网站| 69**夜色精品国产69乱| 国产精品丝袜久久久久久高清| 国产精品永久免费视频| 日韩欧美国产网站| 国产精品扒开腿做爽爽爽视频| 欧美性高潮床叫视频| 欧美电影院免费观看| 97视频在线看| 亚洲一区二区少妇| 欧美日韩免费观看中文| 欧美老女人性视频| 69av在线播放| 久久精品福利视频| 国产亚洲视频在线| 国产日本欧美一区二区三区| 中文字幕在线观看日韩| 伊人久久久久久久久久久久久| 国产精品专区h在线观看| 日韩av理论片| xxx一区二区| 欧美交受高潮1| 国产亚洲欧美aaaa| 97精品国产aⅴ7777| 亚洲mm色国产网站| 精品久久久久久久久久久久久久| 66m—66摸成人免费视频| 色偷偷91综合久久噜噜| 国产日韩欧美成人| 国产91在线高潮白浆在线观看| 97香蕉久久超级碰碰高清版| 欧美综合激情网| 国产一区二区三区直播精品电影| 久久精品国产欧美激情| 精品久久久久久亚洲国产300| 欧洲美女免费图片一区| 国产男人精品视频| 亚洲iv一区二区三区| 97超碰蝌蚪网人人做人人爽| 亚洲国语精品自产拍在线观看| 国产精品网红直播| 日韩一中文字幕| 欧美极品少妇xxxxⅹ裸体艺术| 久久精品成人欧美大片| 日韩在线观看免费av| 亚洲电影免费观看高清| 精品小视频在线| 日韩在线播放av| 亚洲有声小说3d| 91精品综合视频| xvideos成人免费中文版| 日韩中文在线中文网三级| 疯狂蹂躏欧美一区二区精品| 欧美日韩国产丝袜美女| 亚洲成av人乱码色午夜| 成人美女av在线直播| 亚洲男人的天堂在线| 成人两性免费视频| 69视频在线播放| 日韩精品中文字幕在线观看| 亚洲精品xxxx| 国产欧美在线播放| 亚洲另类欧美自拍| 91精品国产91久久久| 伊人伊成久久人综合网站| 亚洲欧美另类中文字幕| 日本一欧美一欧美一亚洲视频| 亚洲男女性事视频| 欧美另类交人妖| 欧美日本高清一区| 久久久久久久激情视频| 久久久日本电影| 日韩视频第一页| 亚洲欧美在线x视频| 色综合视频一区中文字幕| 欧美与黑人午夜性猛交久久久| 黑人巨大精品欧美一区二区三区| 日韩激情视频在线| 欧美精品性视频| 日韩69视频在线观看| 国产精品视频永久免费播放| 国产丝袜一区二区三区免费视频| 精品亚洲一区二区| 国产精品第七影院| 国产成人福利网站| 国内自拍欧美激情| 亚洲第一男人天堂| 久久久久久伊人| 日韩中文在线中文网在线观看| 国产精品视频网| 国产精品第2页| 国产精品久久久久久久久久三级| 亚洲第一网中文字幕| 性欧美长视频免费观看不卡| 久久成年人视频| 日韩一区在线视频| 日韩美女在线看| 日韩av免费观影| 深夜福利一区二区| 91人人爽人人爽人人精88v| 日韩中文字幕在线视频| 国产福利精品av综合导导航| 亚洲精品视频网上网址在线观看| 国产视频精品一区二区三区| 国产成人综合一区二区三区| 欧洲精品久久久| 国产欧美日韩中文字幕在线| 国产精品男人爽免费视频1| 亚洲天天在线日亚洲洲精| 992tv成人免费视频| 亚洲视频综合网| 亚洲精品美女在线|