js中的entries方法的使用
js中的 Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for…in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环也枚举原型链中的属性)。
简单说就是 Object.entries() 可以把一个对象的键值以数组的形式遍历出来,结果和 for…in 一致,但不会遍历原型属性。
1-- 传入对象
const obj = { name: 'xixixi', age: '23' };
console.log(Object.entries(obj)); // [['name', 'xixixi'], ['age', '23']]
2.1 – 数组
const arr1 = [1, 2, 3];
console.log(Object.entries(arr1)); // [['0', 1], ['1', '2'], ['2', '3']]
2.2 – 数组(数组中包含对象)
const arr1 = [{ a: 1 }, 2, 3];
console.log(Object.entries(arr1)); // [['0', { a: 1 }], ['1', '2'], ['2', '3']]
2.3 – 数组(数组中的值全部为对象)
const arr2 = [{ a: 1 }, { b: 2 }, { c: 3 }];
console.log(Object.entri
es(arr2)); // [[‘0’, { a: 1 }], [‘1’, { b: 2 }], [‘2’, { c: 3 }]]
3 – 字符串
const str1 = '123';
console.l
og(Object.entries(str1)); // [[‘0’, ‘1’], [‘1’, ‘2’], [‘2’, ‘3’]]
4 – 数字、浮点数
const num = 123;
console.log(Object.entries(num)); // []const float1 = 12.3;
在这里插入代码片
console.log(Object.entries(float1)); // []
示例5 – 将 Object 转化为 Map
new Map() 构造函数接受一个可迭代的 entries 。 借助 Object.entries 方法你可以很容易的将 Object 转换为 Map:
const obj = { name: 'xixixi', age: '123' };
console.log(Object.entries(obj)); // [['name', 'xixixi'], ['age', '123']]
const map = new Map(Object.entries(obj));
console.log(map); // Map {'name' => 'xixixi', 'age' => '123'}
js中的entries方法的使用相关推荐
- JS中Object.entries()方法
Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for-in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环还会枚举原型链中的属性). co ...
- 请尽可能说出js中数组的方法,最少3个,越多越好
我接下来要把数组方法全都过一遍,顺手做个整理. 至于为什么整理这个,最近总听说面试经常会问到这个问题, 面试官灵魂发问:请尽可能说出js中数组的方法,最少3个,越多越好 据可靠消息了解到,如果你回答的 ...
- JS中通过call方法实现继承
JS中通过call方法实现继承 原文:JS中通过call方法实现继承 讲解都写在注释里面了,有不对的地方请拍砖,谢谢! <html xmlns="http://www.w3.org/1 ...
- JS中的Replace方法
最近查一个bug,原因是JS中的Replace方法造成的,当将一个字符串中有处需要替换时,一般会用到JS中的Replace方法,Replace方法的第一个参数如果是传的字符串,只会替换第一处.代码如下 ...
- java script eval_「eval」js中的eval方法详解(一)–eval方法的初级应用 - seo实验室...
eval 在我看来,js中的eval()方法就是一个js语言的执行器,它能把其中的参数按照javaScript语法进行解析并执行. 语法: eval(s); eval()方法中的参数s有多种情况.参数 ...
- JS中创建对象的方法
JS中创建对象的方法 最近手头一个项目刚完成,下一个显目还在准备中,趁这个空档期,拿起尘封多年的JS书, 重温一遍JS面向对象程序设计,然后就得出下文,算是一个总结吧. 也许,你会说 "创建 ...
- jquery中的map()方法与js中的map()方法
1.jquery中的map()方法 首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...
- js中的字符串方法与数组方法总结
js中的字符串方法与数组方法总结 1.字符串方法 2.数组方法
- slice在php里面什么意思,js中slice()使用方法
本文主要和大家分享js中slice()使用方法,slice()通过索引位置获取新的数组,该方法不会修改原数组,只是返回一个新的子数组. 用法:arrayObj.slice(start,end)arra ...
最新文章
- pytorch学习——torch.cat和torch.stack的区别
- 图片的批量下载 和 爬虫爬取图片数据集
- 大型网站核心架构要素--扩展性
- 计算机应用基础2010一级,2010年一级结构基础辅导:(计算机应用基础)备考讲义(10)...
- Jmeter通过CSV Data Set Config参数化
- 虚拟机的安装中遇到的问题(WIN10主机)
- jquery 删除元素remove,empty
- uwp - 控件精确移动动画
- 探讨【IGE】的源代码【一】。
- 计算机专业英语影印版试题,计算机专业英语(2008影印版)复习资料
- war3 魔兽争霸3 双开 多开 联机 补丁 工具
- VTN系列多通道振弦模拟信号采集仪常规操作
- 世界上5种顶级思维,你一定要知道
- linux查找文件夹命令
- lzg_ad:Windows Embedded Standard 安装说明
- 基于Halcon的高精度圆拟合算法思路
- vue2.0 仿蘑菇街
- Office2016 Excel的VBA打开显示内存溢出
- 【低智版狗屁不通文章生成器】Python 基于一条语法随机生成简单中文句子的小练习
- etcd之日志和快照管理
热门文章
- python里面列表可以同时删除吗_在python中从列表中删除项,同时对其进行迭代
- 2019/9/6工学结合周记
- 计算机专业认知教育,计算机学院 “专业认知教育和学业规划教育”讲座顺利举行...
- 数据基础设施,证券行业跑赢时代的新引擎
- c#计算标准偏差实现跟excel中一样的STDEVP()
- quill上传本地视频(保姆级教学)
- MultiMC的离线模式启动
- 卧槽?原来修出网红脸高清照片可以这样简单,这次把汉化的插件提供给大家!
- RT-Thread,env.exe运行pkgs --update,无法更新软件包
- 工程流体力学笔记暂记43 (收缩喷管中的流动)