?JavaScript?數(shù)據(jù)結(jié)構(gòu)之散列表的創(chuàng)建(2)
前言:
上一篇我們介紹了什么是散列表,并且用通俗的語(yǔ)言解析了散列表的存儲(chǔ)結(jié)構(gòu),最后動(dòng)手實(shí)現(xiàn)了一個(gè)散列表,相信大家對(duì)散列表已經(jīng)不陌生了。
如果還不清楚散列表,請(qǐng)先閱讀上一篇文章:JavaScript 數(shù)據(jù)結(jié)構(gòu)之散列表的創(chuàng)建(1)
上篇末尾我們遺留了一個(gè)問(wèn)題,就是將字符串轉(zhuǎn)化為散列值后可能出現(xiàn)重復(fù)。當(dāng)以散列值(hash 值)為 key 存儲(chǔ)數(shù)據(jù)時(shí),就會(huì)有覆蓋已有數(shù)據(jù)的風(fēng)險(xiǎn)。本篇我們看如何處理散列值沖突的問(wèn)題,并實(shí)現(xiàn)更完美的散列表。
一、處理散列值沖突
有時(shí)候一些鍵會(huì)有相同的散列值。比如 aab
和 baa
,從字符串的角度來(lái)說(shuō)它們是不同的值,但是按照我們的散列函數(shù)邏輯,將每個(gè)字母的 Unicode 碼累加得出的散列值,一定是一樣的。
我們知道在 JavaScript
對(duì)象當(dāng)中,如果賦值時(shí)指定的 key 已存在,那么就會(huì)覆蓋原有的值,
比如這個(gè)例子:
var json = { 18: '雷歐' } json[18] = '歐布' console.log(json) // { 18: '歐布' }
為了避免上述代碼中出現(xiàn)的風(fēng)險(xiǎn),我們需要想辦法處理,如何使 key != key
,則 hash != hash
?
目前可靠的方法有兩個(gè),分別是:分離鏈接
和 線性探查
。
1.分離鏈接
分離鏈接法是指在散列表存儲(chǔ)數(shù)據(jù)時(shí),value 部分用 鏈表
來(lái)代替之前的 鍵值對(duì)
。鍵值對(duì)只能存儲(chǔ)一個(gè),而鏈表可以存儲(chǔ)多個(gè)鍵值對(duì)。如果遇到相同的散列值,則在已有的鏈表中添加一個(gè)鍵值對(duì)即可。
我們需要重寫(xiě)三個(gè)方法:put、get 和 remove。我們看如何實(shí)現(xiàn):
class HashTableSeparateChaining { constructor() { this.table = {} } }
2.put 方法
首先還是基本的類(lèi)結(jié)構(gòu),然后看 put
方法:
put(key, value) { if(key !== null && value !== null) { let pos = this.hashCode(key) if(!this.table[pos]) { this.table[pos] = new LinkedList() } this.table[pos].push(new ValuePair(key, value)) return true; } return false; }
LinkedList 類(lèi)是標(biāo)準(zhǔn)的鏈表類(lèi),在鏈表篇講過(guò)如何實(shí)現(xiàn),這里直接使用
對(duì)比上篇的散列表 put 方法,你會(huì)發(fā)現(xiàn)差別不大,變化的部分如下:
// 變化前 this.table[pos] = new ValuePair(key, value) // 變化后 if(!this.table[pos]) { this.table[pos] = new LinkedList() } this.table[pos].push(new ValuePair(key, value))
優(yōu)化后的邏輯是,在存儲(chǔ)數(shù)據(jù)時(shí),將鍵值對(duì)存在一個(gè)鏈表里。如果有相同的 hash
值,則向已有的鏈表中添加一個(gè)鍵值對(duì),這樣就避免了覆蓋。
不過(guò)這種方式也有弊端,每添加一個(gè)鍵值對(duì)就要?jiǎng)?chuàng)建一個(gè)鏈表,會(huì)增加額外的內(nèi)存空間。
3.get 方法
get 方法:
get(key) { let linkedList = this.table[this.hashCode(key)] if(linkedList && !linkedList.isEmpty()) { let current = linkedList.getItemAt(0); while(current) { if(current.value.key == key) { return current.value.value } current = current.next } } return undefined; }
新的 get 方法明顯比之前的復(fù)雜了許多。主要邏輯是根據(jù) key 找到一個(gè)鏈表,然后再遍歷鏈表找到與參數(shù) key 相匹配的鍵值對(duì),最后返回找到的值。
while 循環(huán)中使用 return 可以直接中止當(dāng)前函數(shù)
到此這篇關(guān)于 JavaScript 數(shù)據(jù)結(jié)構(gòu)之散列表的創(chuàng)建的文章就介紹到這了,更多相關(guān) JavaScript 散列表內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- JavaScript樹(shù)形數(shù)據(jù)結(jié)構(gòu)處理
- JavaScript隊(duì)列數(shù)據(jù)結(jié)構(gòu)詳解
- JavaScript數(shù)據(jù)結(jié)構(gòu)與算法
- JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之棧詳解
- Javascript數(shù)據(jù)結(jié)構(gòu)之棧和隊(duì)列詳解
- JavaScript?數(shù)據(jù)結(jié)構(gòu)之字典方法
- JavaScript?數(shù)據(jù)結(jié)構(gòu)之集合創(chuàng)建(2)
- JavaScript?數(shù)據(jù)結(jié)構(gòu)之集合創(chuàng)建(1)
- JavaScript數(shù)據(jù)結(jié)構(gòu)常見(jiàn)面試問(wèn)題整理
相關(guān)文章
詳解webpack與SPA實(shí)踐之開(kāi)發(fā)環(huán)境搭建
這篇文章主要介紹了詳解webpack與SPA實(shí)踐之開(kāi)發(fā)環(huán)境搭建,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12javascript 實(shí)現(xiàn)字符串反轉(zhuǎn)的三種方法
這篇文章主要介紹了javascript 實(shí)現(xiàn)字符串反轉(zhuǎn)的三種方法,有需要的朋友可以參考一下2013-11-11js實(shí)現(xiàn)iframe自動(dòng)自適應(yīng)高度的方法
這篇文章主要介紹了js實(shí)現(xiàn)iframe自動(dòng)自適應(yīng)高度的方法,涉及javascript操作iframe框架的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02外部web端訪問(wèn)微信小程序云數(shù)據(jù)庫(kù)的三種方法總結(jié)
最近在研究微信小程序的云開(kāi)發(fā)功能,下面這篇文章主要給大家介紹了關(guān)于外部web端訪問(wèn)微信小程序云數(shù)據(jù)庫(kù)的三種方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04Javascript基于AJAX回調(diào)函數(shù)傳遞參數(shù)實(shí)例分析
這篇文章主要介紹了Javascript基于AJAX回調(diào)函數(shù)傳遞參數(shù)的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript使用ajax傳遞參數(shù)的相關(guān)技巧以及回調(diào)函數(shù)的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-12-12javascript中數(shù)組和字符串的方法對(duì)比
下面小編就為大家?guī)?lái)一篇javascript中數(shù)組和字符串的方法對(duì)比。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07中高級(jí)前端必須了解的JS中的內(nèi)存管理(推薦)
這篇文章主要介紹了中高級(jí)前端必須了解的JS中的內(nèi)存管理,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07