zoukankan      html  css  js  c++  java
  • ES6系列_12之map数据结构

    1.map数据结构出现的原因?

    JavaScript 的对象(Object),本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。为了能实现将对象作为键值对的key,ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构,Map 比 Object 更合适。

    (1)map结构: key=>value

    Json和map格式的对比

    map的效率和灵活性更好

    例如常见的json对象格式:

    let json = {
        sex:男'',
        age:18
    }
    console.log(json.sex);//

    但是这种反应的速度要低于数组和map结构。

    let json = {
        sex:'男',
        age:18
    }
    console.log(json.sex);//
    var map=new Map();
    map.set(json,'student');
    console.log(map);

    结果为:

    2.map的增删查

    (1)使用set增加值

    let json = {
        sex:'男',
        age:18
    }
    
    var map=new Map();
    map.set('person',json);
    console.log(map);

    结果为:

     (2)使用get取值

    现在取person对应的值。

    let json = {
        sex:'男',
        age:18
    }
    var map=new Map();
    map.set('person',json);
    console.log(map.get("person"));

    结果为:

    (3)删除delete

    使用delete删除指定key对应的值。

    let json = {
        sex:'男',
        age:18
    }
    var map=new Map();
    map.set('person',json);
    map.delete("person")
    console.log(map)

    结果为:

    (4)查找是否存在has

    通过key查找是否存在,返回true或者false。

    let json = {
        sex:'男',
        age:18
    }
    var map=new Map();
    map.set('person',json);
    console.log(map.has('person'))//true
    console.log(map.has('test'))//false

    (5)size属性

    size属性可以获得map中键值对的个数。

    let json = {
        sex:'男',
        age:18
    }
    var map=new Map();
    map.set('person',json);
    console.log(map.size)//1

    (6)使用clear方法清除map中所有元素

    let json = {
        sex:'男',
        age:18
    }
    var map=new Map();
    map.set('person',json);
    map.clear()
    console.log(map)//{}

    结果为:{}

  • 相关阅读:
    2020/12/2
    2020/12/1
    Cannot do a soft reset in the middle of a merge
    webpack img
    rm -fr ".git/rebase-apply"
    css 颜色
    初始化样式
    a标签
    esma 最新
    前端
  • 原文地址:https://www.cnblogs.com/wfaceboss/p/10080017.html
Copyright © 2011-2022 走看看