js之字典学习和使用

示例一：字典的创建和使用

    var dic = {c:4, a:2, d:3, b:1}; // 定义一个字典
    console.log("输出最初的字典元素: "); 
    for(var key in dic){
        console.log("key: " + key + " ,value: " + dic[key]);
    console.log("字典元素按key值排序: ");
    var res = Object.keys(dic).sort(); 
    for(var key in res){
        console.log("key: " + res[key] + " ,value: " + dic[res[key]]);
    console.log("字典元素按value值排序: ");
    var res2 = Object.keys(dic).sort(function(a,b){ return dic[a]-dic[b]; });
    for(var key in res2){
        console.log("key: " + res2[key] + " ,value: " + dic[res2[key]]);
                                
运行结果：
                                
示例二： 简单的字典的操作

                                
    var dic = new Array(); //定义一个字典
    dic['one'] = '1';      // 添加字典的元素( key:value)
    dic['three'] = '3';
    dic['two'] = '2';
    dic['8'] = 'seven';
    dic['five'] = '5';
    dic['four'] = '4';
    dic['9'] = 'nine';
    dic['six'] = '6';
    dic['7'] = 'eight';
                                
    for(var key in dic){ // 输出字典元素，如果字典的key是数字，输出时会自动按序输出
        console.log(key + ' : ' + dic[key]);
                                
运行结果：
                                
    var res1 = Object.keys(dic).sort(); // 字典元素按key值排序
    for(var key in res1){
        console.log(res1[key] + " : " + dic[res1[key]]);
                                
运行结果：
                                
    var res2 = Object.keys(dic).sort(function(a,b){ return dic[a]-dic[b]; }); // 字典元素按value值排序
    for(var key in res2){ 
        console.log(res2[key] + ' : ' + dic[res2[key]]);
                                
运行结果：
                                
    delete dic['one'];    // 删除元素(方法一)
    delete dic['six'];
    for(var key in dic){ 
        console.log(key + ' : ' + dic[key]);
                                
运行结果：
                                
    delete dic.three;   // 删除元素(方法二)   
    delete dic.four;
    for(var key in dic){ 
        console.log(key + ' : ' + dic[key]);
                                
运行结果：
                                
注意：第二种方式删除时，在Chrome浏览器测试，不能删除key为数字的情况，比如以下操作就会报错：
                                
    delete dic.7; // 报错 : Uncaught SyntaxError: Unexpected number
    delete dic.'7'; // 报错 : Uncaught SyntaxError: Unexpected string
                                
示例三： 更加全面的字典操作和使用

                                
    function add(key, value){   // 添加字典的键值(key:value)
        this.dataStore[key] = value;
    function show(){            //显示字典中的键值(key:value)
        for(var key in this.dataStore){
            console.log(key + " : " + this.dataStore[key]);
    function find(key){         // 根据键(key)查找对应的值(value),返回值value
        return this.dataStore[key];
    function remove(key){       // 根据键(key)删除对应的值(value)
        delete this.dataStore[key];
    function count(){           // 计算字典中的元素个数
        var n = 0;
        for(var key in Object.keys(this.dataStore)){
        return n;
    function kSort(){           // 字典按值(value)排序,并输出排序后的结果
        var dic = this.dataStore;
        var res = Object.keys(dic).sort();
        for(var key in res ){
            console.log(res[key] + " : " + dic[res[key]]);
    function vSort(){           // 字典按值(value)排序,并输出排序后的结果
        var dic = this.dataStore;
        var res = Object.keys(dic).sort(function(a,b){ 
            return dic[a]-dic[b]; 
        for(var key in res ){
            console.log(res[key] + " : " + dic[res[key]]);
    function clear(){           // 清空字典内容
        for(var key in this.dataStore){
            delete this.dataStore[key];
    function Dictionary(){              
        this.dataStore = new Array(); // 定义一个数组，保存字典元素
        this.add = add;               // 添加字典内容(key:value)
        this.show = show;             // 显示字典中的键值
        this.find = find;             // 根据键(key)查找并返回对应的值(value)
        this.remove = remove;         // 删掉相对应的键值
        this.count = count;           // 计算字典中的元素的个数
        this.kSort = kSort;           // 按键(key)排序
        this.vSort = vSort;           // 按值(value)排序
        this.clear = clear;           // 清空字典内容
    var dic = new Dictionary();       // 构造字典类
                                
    dic.add('one', '1');              // 添加字典的元素( key:value)
    dic.add('three', '3');
    dic.add('two', '2');
    dic.add('8', 'seven');
    dic.add('five', '5');
    dic.add('four', '4');
    dic.add('9', 'nine');
    dic.add('six', '6');
    dic.add('7', 'eight');
    dic.show(); // 显示字典中的键值对
                                
运行结果：
                                
    console.log("one: " + dic.find("one"));  // 通过键(key)查找对应的值(value)
    console.log("7: " + dic.find("7"));  
                                
运行结果：
                                
    dic.remove("9");          // 删除字典中的键值对
                                
运行结果：
                                
    console.log(dic.count()); // 统计字典中的元素的个数 
                                
运行结果：
                                
    dic.kSort();  // 按key排序
                                
运行结果：
                                
    dic.vSort();  // 按value排序
                                
运行结果：
                                
    dic.clear();  // 清空所有字典的元素
                                
那么，有关字典这种数据结构的学习和使用就到此了，如果在后续使用到有加深的地方，再补充吧~~
        vickie
        JavaScript
       
   js之字典学习和使用




    
 
字典 是一种以键-值对形式存储数据的数据结构，比如：名字-电话号码，通过名字就能找到对应的电话号码，名字就是键(key),电话号就是值(value)。
 
 1.5w
 
 
        网易云音乐技术团队
        TypeScript
      
 
   使用 TypeScript 定义业务字典
 
在业务开发中，简单的枚举值往往会衍生出许多关联的字段定义。面对需要定义复杂业务字典的场景，本文将使用 TypeScript 实现一个定义业务字典的工具函数，并且支持类型提示。
 
 6917
 
 
        ShowMeAI
        Python
      
 
   图解python | 字典
 
在 Python 中，字典（Dictionary）是另一种可变容器模型，且可存储任意类型对象。作为Python唯一的标准mapping type，字典支持增、删、查、整体更新等操作。
 
 1.2w
 
 
        hejunm
        Swift
      
 
   使用Swift 字典模型互转 超级简单
 
现在很多iOS项目的开发开始转向Swift语言。 相信 Swift语言很快会成为iOS工程师 必备技能。 字典转模型， 模型转转字典在开发过程中扮演非常重要的角色。 今天就和大家分享一下使用Swift，如何进行字典模型互转。 ** 为了让工作做到极致，这里先提供一个工具 JSO…
 
 6061
 
 
        西红柿蛋炒饭
        Python
      
 
   字典树学习与应用
 
最近在使用公司的系统发现智能问答系统的输入提醒挺有意思。具体的效果类似百度搜索时候的文本提醒。今天就研究一下具体的实现。
 
 2059
 





    
 
      
 
   常常听到的数据字典？| 数据库教程5：数据字典
 
在进行数据库设计时，常常在需求分析的基础上，设计完善的数据字典和需求分析报告。需求分析报告是对业务整体需求的完整描述、分析和总结。 而数据字典则是进行后续数据库概念、逻辑结构、物理存储以及开发等...
 
 5644
 
 
        JavaScript
        Google
      
 
   7分钟理解JS的节流、防抖及使用场景
 
据说阿里有一道面试题就是谈谈函数节流和函数防抖。 糟了，这可触碰到我的知识盲区了，好像听也没听过这2个东西，痛定思痛，赶紧学习学习。here we go！ 可以看到，我们只要按下键盘，就会触发这次ajax请求。不仅从资源上来说是很浪费的行为，而且实际应用中，用户也是输出完整的字…
 
 16.3w
 
 
        Chris威
        JavaScript
      
 
   JS中的算法与数据结构——字典(Dictionary)
 
主要是针对前端同学，将一些常见的算法和数据结构用 JavaScript 去实现，起到一个抛砖引玉的作用
 
 5829
 
 
        夜阑人却静
      
 
   数据结构之字典
 
这是我参与更文挑战的第20天，活动详情查看：更文挑战 什么是字典 字典是用来存储唯一值的一种数据结构，通常以[键, 值]对的形式来存储数据，也称为映射。而我们上一篇文章中提到的集合则是以[值, 值]的
 
 1510
 
 
        金色小芝麻
        JavaScript
      
 
   想自学JS吗？想提升JS底层原理吗？76张脑图带你彻底搞懂原生JS
 
别走，别走，别走啊😭.............................................
 
 11.4w
 





    
 
        JavaScript
      
 
   32个手写JS，巩固你的JS基础（面试高频）
 
作为前端开发，JS是重中之重，最近结束了面试的高峰期，基本上offer也定下来了就等开奖，趁着这个时间总结下32个手写JS问题，这些都是高频面试题，希望对你能有所帮助。 当然也可以用include、filter，思路大同小异。 类数组是具有length属性，但不具有数组原型上的…
 
 11.4w
 
 
        caihai123
        JavaScript
      
 
   前端数据字典的最优方案探索
 
怎么样在前端合理使用异步数据字典。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
 
 6354
 
 
        Redis
      
 
   跋山涉水 —— 深入 Redis 字典遍历
 
Redis 字典的遍历过程逻辑比较复杂，互联网上对这一块的分析讲解非常少。我也花了不少时间对源码的细节进行了整理，将我个人对字典遍历逻辑的理解呈现给各位读者。也许读者们对字典的遍历过程有比我更好的理解，还请不吝指教。 我们知道 Redis 对象树的主干是一个字典，如果对象很多，…
 
 5269
 
 
        TypeScript
        JavaScript
      
 
   抛弃 JS，使用 TypeScript
 
最近几个月我已经全面抛弃 JavaScript，完全使用 TypeScript 进行前端开发（只在上课的时候用到 JS）。 bug 显著减少，之前会遇到的 xxx 为空的问题几乎不会出现了，类型相关 bug 直线减少。 应用更可控，当你需要约束某些代码的时候，用类型就能很简单地…
 
 4.6w
 
 
        dailc
      
 
   从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理
 
见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。 ----------超长文+多图预警，需要花费不少时间。---------- 如果看完本文后，还对进程线程傻傻分不清，不清楚浏览器多进程、浏览器内核多线程、JS单线程、JS运行机制的区别。那么请回复我，一定是我…
 
 9.2w
 
 
          
 
 
    
友情链接：
 

        java取类名
        redis 消息队列优缺点
        java 导入数据
        用 clion 编写 python 模块
        sql 2008宝典
        使用sql更新语句表达
    vickie
      
 
 关注  
私信