JavaScript 字典（Dictionary）

TypeScript方式实现源码

//  set(key,value)：向字典中添加新元素。 
//  remove(key)：通过使用键值来从字典中移除键值对应的数据值。 
//  has(key)：如果某个键值存在于这个字典中，则返回true，反之则返回false。 
//  get(key)：通过键值查找特定的数值并返回。 
//  clear()：将这个字典中的所有元素全部删除。 
//  size()：返回字典所包含元素的数量。与数组的length属性类似。 
//  keys()：将字典所包含的所有键名以数组形式返回。 
//  values()：将字典所包含的所有数值以数组形式返回。 

/**
 * 字典
 * @desc 与Set类相似，ECMAScript 6同样包含了一个Map类的实现，即我们所说的字典
 */
class Dictionary {
    private items = {};
    public set(key, value) {
        this.items[key] = value;
    }
    public remove(key) {
        if (this.has[key]) {
            delete this.items[key];
            return true;
        } else {
            return false;
        }
    }
    public has(key) {
        return key in this.items;
    }
    public get(key) {
        return this.has(key) ? this.items[key] : undefined;
    }
    public clear() {
        this.items = {};
    }
    public size() {
        var count = 0;
        for (var prop in this.items) { //{5} 
            if (this.items.hasOwnProperty(prop)) //{6} 
                ++count; //{7} 
        }
        return count;
    }
    public keys() {
        let values = [];
        for (var k in this.items) {
            if (this.has(k)) {
                values.push(k);
            }
        }
        return values;
    }
    public values(): Array<any> {
        let values = [];
        for (var k in this.items) {
            if (this.has(k)) {
                values.push(this.items[k]);
            }
        }
        return values;
    }
    public getItems() {
        return this.items;
    }
}

// 使用我们创建的类来执行如下代码：
var dictionary = new Dictionary();
dictionary.set('Gandalf', 'gandalf@email.com');
dictionary.set('John', 'johnsnow@email.com');
dictionary.set('Tyrion', 'tyrion@email.com');
// 如果执行了如下代码，输出结果将会是true：
console.log(dictionary.has('Gandalf'));
// 下面的代码将会输出3，因为我们向字典实例中添加了三个元素：
console.log(dictionary.size());
// 现在，执行下面的几行代码：
console.log(dictionary.keys());
console.log(dictionary.values());
console.log(dictionary.get('Tyrion'));
// 输出结果分别如下所示：
// ["Gandalf", "John", "Tyrion"]
// ["gandalf@email.com", "johnsnow@email.com", "tyrion@email.com"]
// tyrion@email.com
// 最后，再执行几行代码：
dictionary.remove('John');
// 再执行下面的代码： 
console.log(dictionary.keys());
console.log(dictionary.values());
console.log(dictionary.getItems());
// 输出结果如下所示： 
// ["Gandalf", "Tyrion"] 
// ["gandalf@email.com", "tyrion@email.com"] 
// Object {Gandalf: "gandalf@email.com", Tyrion: "tyrion@email.com"} 
// 移除了一个元素后， 现在的dictionary实例中只包含两个元素了。 加粗的一行表现了items
// 对象的内部结构。

JavaScript方式实现源码

/**
 * 字典
 * @desc 与Set类相似，ECMAScript 6同样包含了一个Map类的实现，即我们所说的字典
 */
var Dictionary = (function () {
    function Dictionary() {
        this.items = {};
    }
    Dictionary.prototype.set = function (key, value) {
        this.items[key] = value;
    };
    Dictionary.prototype.remove = function (key) {
        if (this.has[key]) {
            delete this.items[key];
            return true;
        }
        else {
            return false;
        }
    };
    Dictionary.prototype.has = function (key) {
        return key in this.items;
    };
    Dictionary.prototype.get = function (key) {
        return this.has(key) ? this.items[key] : undefined;
    };
    Dictionary.prototype.clear = function () {
        this.items = {};
    };
    Dictionary.prototype.size = function () {
        var count = 0;
        for (var prop in this.items) {
            if (this.items.hasOwnProperty(prop))
                ++count; //{7} 
        }
        return count;
    };
    Dictionary.prototype.keys = function () {
        var values = [];
        for (var k in this.items) {
            if (this.has(k)) {
                values.push(k);
            }
        }
        return values;
    };
    Dictionary.prototype.values = function () {
        var values = [];
        for (var k in this.items) {
            if (this.has(k)) {
                values.push(this.items[k]);
            }
        }
        return values;
    };
    Dictionary.prototype.getItems = function () {
        return this.items;
    };
    return Dictionary;
}());