IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> ES6学习笔记:Map,Object,Arr相互转换 -> 正文阅读

[JavaScript知识库]ES6学习笔记:Map,Object,Arr相互转换

一、Object转数组

Object.keys() 取对象的键作为数组

Object.values()取对象的值作为数组

Object.entries()取到一个包含键和值的二维数组

let obj = {'a':1,'b':2,'c':3};
    Object.keys(obj);  //["a", "b", "c"]
    Object.values(obj); //[1, 2, 3]
    Object.entries(obj);//[['a',1],['b',2],['c',3]]

二、Map转数组

[...m.keys()] 取Map的键作为数组

[...m.values()] 取Map的值作为数组

[...m] 取到一个包含Map的键和值的二维数组

let m = new Map([['a',1],['b',2],['c',3]]);
   [...m.keys()];   //["a", "b", "c"]   
    [...m.values()];//[1,2,3]
    [...m]; //[['a',1],['b',2],['c',3]]
   

三、Map转Object

利用for of 循环可以利用o[k] = v 的方式追加为Object对象

  let m = new Map([['a',1],['b',2],['c',3]]);
    var o = {};
    for(let [k,v] of m){
        o[k] = v;
    };
    console.log(o)  //{a: 1, b: 2, c: 3}

四、Object转Map

通过先new Map(),再set添加值进去

 var obj = {'a':1,'b':2,'c':3};
    let m = new Map();
    for(let k in obj){
        m.set(k,obj[k]);
    };
    console.log(m);//{'a' => 1, 'b' => 2, 'c' => 3}

let map = new Map([key,value],[key,value])

Object.entries(obj)就是上面有提到的将object转数组的一种方法,格式就是[[key,value],[key,value]]

  var obj = {'a':1,'b':2,'c':3};
  let m = new Map(Object.entries(obj));//{'a' => 1, 'b' => 2, 'c' => 3}

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-03-03 16:03:16  更:2022-03-03 16:05:25 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 9:07:28-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码