首頁 > web前端 > js教程 > 主體

詳解JavaScript資料結構之字典類

零到壹度
發布: 2018-04-09 11:29:12
原創
2163 人瀏覽過

字典是一種以「鍵–值」對形式儲存資料的資料結構。就像電話薄裡的名字和號碼一樣。 JavaScript的Object類別就是以字典的形式設計的。

一、字典類別

字典類別(Dictionary)基於Object。在《資料結構與演算法JavaScript描述》書中「字典」採用了陣列儲存數據,不僅讓閱讀者很難理解,也沒有實現便利性,反而其中的程式碼邏輯是錯誤的,不能按照設計的方式正確輸出結果! ! !

/**
 * 构造函数
 * 基于对象存储数据
 * @constructor
 */function Dictionary(){
    this.datastore = new Object();
}
Dictionary.prototype = {    /* 修正constructor */
    constructor: Dictionary,    /* 统计个数 */
    size: function(){
        return Object.keys(this.datastore).length;
    },    /* 添加元素,给数组添加属性 */
    add: function(key, value){
        this.datastore[key] = value;
    },    /* 查找指定key的元素 */
    find: function(key){
        return this.datastore[key];
    },    /* 移除指定key的元素 */
    remove: function(key){
        delete this.datastore[key];
    },    /* 显示所有的键值对 */
    showAll: function(){
        for(var key in this.datastore){
            console.log(key + ": " + this.find(key));
        }
    }
};
登入後複製

測試

var dic = new Dictionary();
dic.add("name", "ligang");
dic.add("age", 26);
dic.find("name");   // "ligang"dic.size();         // 2dic.showAll();      // "name: ligang" "age: 26"dic.remove("age");
dic.size();         // 1dic.showAll();      // "name: ligang"
登入後複製

補充Object.keys(obj)傳回一個數組,包含所有(自身)可枚舉屬性。請檢視-JavaScript物件、函數(你不知道的JavaScript)

二、為字典類別新增排序功能

為字典排序,可以轉換為某個物件屬性排序。所以我們可以藉助Object.keys()

/* 排序 */Dictionary.prototype.sort = function(){
    // 借助数组的默认排序
    var keys = Object.keys(this.datastore).sort();    
    // 新定义字典类
    var tempDic = new Dictionary();    
    for(var i = 0, len = keys.length; i < len; i++){        var key = keys[i];
        tempDic.add(key, this.find(key));
    }    
    return tempDic;
};
登入後複製

測試

var dictionary = new Dictionary();
dictionary.add("b", 2);
dictionary.add("a", 1);
dictionary.add("c", 3);
dictionary.showAll();   // "b: 2" "a: 1" "c: 3"dictionary.sort().showAll();    // "a: 2" "b: 1" "c: 3"
登入後複製

總結:上述字典類別不允許出現重複的key。對於相同的key,後面的會覆蓋前面的。當然,可以透過修改程式碼實現其他方式。

相關推薦:

字典類型

Javascript字典運算

JS陣列,字典

#

以上是詳解JavaScript資料結構之字典類的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板