zoukankan      html  css  js  c++  java
  • ES6中Map与其他数据结构的互相转换

    最近在学习ES6的基础知识,整理了一下Map与其他数据结构相互转换的写法。

    Map转为数组的方法

    let myMap  = new Map([[true, 7], [{foo: 3}, ['abc']]]);
    [...myMap]
    console.log([...myMap]);
    

    数组转为Map的方法

    new Map([[true, 7], [{foo: 3}, ['abc']]])
    

    Map转为对象的方法

    function strMapToObj(strMap) {
      let obj = Object.create(null);
      for (let [k,v] of strMap) {
        obj[k] = v;
      }
      return obj;
    }
    let myMap = new Map().set('yes', true).set('no', false);
    console.log(strMapToObj(myMap));
    // { yes: true, no: false }
    

    对象转为Map的方法

    function objToStrMap(obj) {
      let strMap = new Map();
      for (let k of Object.keys(obj)) {
        strMap.set(k, obj[k]);
      }
      return strMap;
    }
    var a = {yes: true, no: false}
    console.log(objToStrMap(a))
    // [ [ 'yes', true ], [ 'no', false ] ]
    

    Map转为Json的方法

    function strMapToObj(strMap) {
      let obj = Object.create(null);
      for (let [k,v] of strMap) {
        obj[k] = v;
      }
      return obj;
    }
    function strMapToJson(strMap1) {
      return JSON.stringify(strMapToObj(strMap1));
    }
    let myMap2 = new Map().set('yes', true).set('no', false);
    console.log(strMapToJson(myMap2));
    // '{"yes":true,"no":false}'
    

    Map转为Json数组

    function mapToArrayJson(map) {
      return JSON.stringify([...map]);
    }
    let myMap = new Map().set(true, 7).set({foo: 3}, ['abc']);
    mapToArrayJson(myMap)
    console.log(mapToArrayJson(myMap))
    // '[[true,7],[{"foo":3},["abc"]]]'
    

    json对象转换为Map

    function objToStrMap(obj) {
      let strMap = new Map();
      for (let k of Object.keys(obj)) {
        strMap.set(k, obj[k]);
      }
      return strMap;
    }
    function jsonToStrMap(jsonStr) {
      return objToStrMap(JSON.parse(jsonStr));
    }
    
    jsonToStrMap('{"yes":true,"no":false}')
    console.log(jsonToStrMap('{"yes":true,"no":false}'))
    // Map {'yes' => true, 'no' => false}
    

    json数组转换为Map

    function jsonToMap(jsonStr) {
      return new Map(JSON.parse(jsonStr));
    }
    
    jsonToMap('[[true,7],[{"foo":3},["abc"]]]')
    console.log(jsonToMap('[[true,7],[{"foo":3},["abc"]]]'))
    // Map {true => 7, Object {foo: 3} => ['abc']}
    
  • 相关阅读:
    玩转 CSS3 3D 技术
    什么是网站劫持?
    html5 播放 rtsp
    display:none和visibility:hidden两者的区别
    css中div透明度有几种方法设置?
    前端有架构吗?
    HTML a标签打开新标签页避免出现安全漏洞,请使用“noopener”
    写给刚入门的前端工程师的前后端交互指南
    为什么会出现CSS前缀?
    cookies和session得一些理解
  • 原文地址:https://www.cnblogs.com/whb17bcdq/p/6644236.html
Copyright © 2011-2022 走看看