最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

?JavaScript?數(shù)據(jù)結(jié)構(gòu)之散列表的創(chuàng)建(2)

 更新時間:2022年04月22日 17:12:54   作者:楊成功?  
這篇文章主要介紹了?JavaScript?數(shù)據(jù)結(jié)構(gòu)之散列表的創(chuàng)建,主要看如何處理散列值沖突的問題,并實現(xiàn)更完美的散列表。下文詳細(xì)介紹需要的小伙伴可以參考一下

前言:

上一篇我們介紹了什么是散列表,并且用通俗的語言解析了散列表的存儲結(jié)構(gòu),最后動手實現(xiàn)了一個散列表,相信大家對散列表已經(jīng)不陌生了。

如果還不清楚散列表,請先閱讀上一篇文章:JavaScript 數(shù)據(jù)結(jié)構(gòu)之散列表的創(chuàng)建(1)

上篇末尾我們遺留了一個問題,就是將字符串轉(zhuǎn)化為散列值后可能出現(xiàn)重復(fù)。當(dāng)以散列值(hash 值)為 key 存儲數(shù)據(jù)時,就會有覆蓋已有數(shù)據(jù)的風(fēng)險。本篇我們看如何處理散列值沖突的問題,并實現(xiàn)更完美的散列表。

一、處理散列值沖突

有時候一些鍵會有相同的散列值。比如 aab 和 baa,從字符串的角度來說它們是不同的值,但是按照我們的散列函數(shù)邏輯,將每個字母的 Unicode 碼累加得出的散列值,一定是一樣的。

我們知道在 JavaScript 對象當(dāng)中,如果賦值時指定的 key 已存在,那么就會覆蓋原有的值,

比如這個例子:

var json = { 18: '雷歐' }
json[18] = '歐布'
console.log(json) // { 18: '歐布' }

為了避免上述代碼中出現(xiàn)的風(fēng)險,我們需要想辦法處理,如何使 key != key,則 hash != hash

目前可靠的方法有兩個,分別是:分離鏈接 和 線性探查

1.分離鏈接

分離鏈接法是指在散列表存儲數(shù)據(jù)時,value 部分用 鏈表 來代替之前的 鍵值對。鍵值對只能存儲一個,而鏈表可以存儲多個鍵值對。如果遇到相同的散列值,則在已有的鏈表中添加一個鍵值對即可。

我們需要重寫三個方法:put、get 和 remove。我們看如何實現(xiàn):

class HashTableSeparateChaining {
  constructor() {
    this.table = {}
  }
}

2.put 方法

首先還是基本的類結(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 類是標(biāo)準(zhǔn)的鏈表類,在鏈表篇講過如何實現(xiàn),這里直接使用

對比上篇的散列表 put 方法,你會發(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)化后的邏輯是,在存儲數(shù)據(jù)時,將鍵值對存在一個鏈表里。如果有相同的 hash 值,則向已有的鏈表中添加一個鍵值對,這樣就避免了覆蓋。

不過這種方式也有弊端,每添加一個鍵值對就要創(chuàng)建一個鏈表,會增加額外的內(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 找到一個鏈表,然后再遍歷鏈表找到與參數(shù) key 相匹配的鍵值對,最后返回找到的值。

while 循環(huán)中使用 return 可以直接中止當(dāng)前函數(shù)

到此這篇關(guān)于 JavaScript 數(shù)據(jù)結(jié)構(gòu)之散列表的創(chuàng)建的文章就介紹到這了,更多相關(guān) JavaScript 散列表內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • ECharts坐標(biāo)軸刻度數(shù)值處理方法例子

    ECharts坐標(biāo)軸刻度數(shù)值處理方法例子

    這篇文章主要給大家介紹了關(guān)于ECharts坐標(biāo)軸刻度數(shù)值處理的相關(guān)資料,文章介紹了一個用于圖表Y軸數(shù)值簡寫的函數(shù),它可以將大數(shù)值轉(zhuǎn)換為K、M、B等簡寫形式,從而使圖表更加美觀和易讀,需要的朋友可以參考下
    2024-11-11
  • typescript+react實現(xiàn)移動端和PC端簡單拖拽效果

    typescript+react實現(xiàn)移動端和PC端簡單拖拽效果

    這篇文章主要為大家詳細(xì)介紹了typescript+react實現(xiàn)移動端和PC端簡單拖拽效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • js中判斷兩個數(shù)組對象是否完全相等

    js中判斷兩個數(shù)組對象是否完全相等

    這篇文章主要介紹了js中判斷兩個數(shù)組對象是否完全相等方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-04-04
  • 7個令人驚訝的JavaScript特性詳解

    7個令人驚訝的JavaScript特性詳解

    在學(xué)習(xí)ES6的過程中我碰到了幾個特性,它們讓我驚訝,其中大部分是關(guān)于 ES6 的特性但也有一部分是 ES3 特性,這些特性我以前從未用過,而現(xiàn)在我將開始使用它們,感興趣的小伙伴可以跟著小編一起來學(xué)習(xí)
    2023-05-05
  • js千分位實現(xiàn)方法大匯總

    js千分位實現(xiàn)方法大匯總

    這篇文章主要介紹了js千分位實現(xiàn)方法大匯總,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • JS簡單實現(xiàn)仿百度控制臺輸出信息效果

    JS簡單實現(xiàn)仿百度控制臺輸出信息效果

    這篇文章主要介紹了JS簡單實現(xiàn)仿百度控制臺輸出信息效果,涉及javascript中console.log函數(shù)的簡單使用技巧,需要的朋友可以參考下
    2016-09-09
  • JSON與JavaScript對象關(guān)系及語法規(guī)則詳解

    JSON與JavaScript對象關(guān)系及語法規(guī)則詳解

    這篇文章主要為大家介紹了JSON與JavaScript對象關(guān)系及語法規(guī)則詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-06-06
  • MVVM框架下實現(xiàn)分頁功能示例

    MVVM框架下實現(xiàn)分頁功能示例

    分頁這種組件,幾乎每一種框架都有這樣的組件,這篇文章主要介紹了MVVM框架下實現(xiàn)分頁功能示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-06-06
  • js實現(xiàn)input框文字動態(tài)變換顯示效果

    js實現(xiàn)input框文字動態(tài)變換顯示效果

    這篇文章主要介紹了js實現(xiàn)input框文字動態(tài)變換顯示效果,涉及javascript隨機字符串與中文的動態(tài)切換顯示效果,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-08-08
  • javascript使用Blob對象實現(xiàn)的下載文件操作示例

    javascript使用Blob對象實現(xiàn)的下載文件操作示例

    這篇文章主要介紹了javascript使用Blob對象實現(xiàn)的下載文件操作,結(jié)合實例形式分析了javascript使用Blob對象下載文件相關(guān)原理、操作技巧與注意事項,需要的朋友可以參考下
    2020-04-04

最新評論

志丹县| 灵璧县| 苏州市| 朝阳市| 勃利县| 上饶县| 汕头市| 潞城市| 正阳县| 五峰| 弥渡县| 岳池县| 罗江县| 礼泉县| 濮阳市| 永靖县| 宜黄县| 普陀区| 嘉祥县| 广德县| 体育| 武威市| 西城区| 象州县| 安多县| 吉首市| 凉城县| 共和县| 伊吾县| 米易县| 睢宁县| 白玉县| 定兴县| 南陵县| 卢龙县| 资源县| 张家港市| 威宁| 龙州县| 通江县| 德钦县|