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 = ;
         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;
     }
 }

字典 Dictionary

// 使用我们创建的类来执行如下代码：
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 = ;
         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;
 }());

字典 Dictionary