深入理解Object.entries()
Object.entries()
方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for...in
循环遍历该对象时返回的顺序一致(区别在于 for-in 循环也枚举原型链中的属性)。
通俗点就是 Object.entries()
可以把一个对象的键值以数组的形式遍历出来,结果和 for...in
一致,但不会遍历原型属性。
示例1 — 传入对象
const obj = { foo: 'bar', baz: 'abc' };
console.log(Object.entries(obj)); // [['foo', 'bar'], ['baz', 'abc']]
示例2.1 — 数组
const arr = [1, 2, 3];
console.log(Object.entries(arr)); // [['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.entries(arr2)); // [['0', { a: 1 }], ['1', { b: 2 }], ['2', { c: 3 }]]
示例3 — 字符串
const str = '123';
console.log(Object.entries(str)); // [['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 obj2 = { foo: 'bar', baz: 'abc' };
console.log(Object.entries(obj2)); // [['foo', 'bar'], ['baz', 'abc']]
const map = new Map(Object.entries(obj2));
console.log(map); // Map {'foo' => 'bar', 'baz' => 'abc'}
心中的梦想,就是一个无形的信仰,仰起头颅太久脖子会很累很累,甚至会眼花,看不清一直坚持的信仰,找寻不到前进的道路。步伐开始沉重,心开始怀疑,信仰真的不值钱,就像许愿池根本没有魔力,只是你相信了,就会坚持前进的脚步,这样才使得信仰迅速升值。可是少有人坚持到最后
深入理解Object.entries()相关推荐
- JavaScript深入理解对象方法——Object.entries()
Object.entries() Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for...in 循环遍历该对象时返回的顺序一致(区别在于 for-in ...
- 探索 ES8 Object.entries()
前言: 最近发布了es2017(即ES8),然后我也趁热学习一下ES8 1.为什么要引入Object.entries方法 由于ES5,ES6,ES7并没有提供遍历对象的键-值对属性的接口,所以可能官方 ...
- ES6语法~解构赋值、箭头函数、class类继承及属性方法、map、set、symbol、rest、new.target、 Object.entries......
2015年6月17日 ECMAScript 6发布正式版本 前面介绍基本语法, 后面为class用法及属性方法.set.symbol.rest等语法. 一.基本语法: 1. 定义变 ...
- Object.entries(obj)
var obj = {a:1, b:2, c:3 } Object.entries(obj) // [['a', 1],['b',2],['c',3]] // 对象自身可枚举属性的键值对数组 复制代码 ...
- ES6~ES12——Array Includes、Object values、Object entries、Object fromEntries、flat、flatMap、空值合并运算符、可选链等
一.ES7 - Array Includes 在ES7之前,如果我们想判断一个数组中是否包含某个元素,需要通过 indexOf 获取结果,并且判断是否为 -1. 在ES7中,我们可以通过include ...
- linq结果转换object_你知道Object.entries(),但你还知道有Object.fromEntries()吗?
我们得到 object.entries(),它转换一个object → array.但是,如果您想做相反的事情怎么办?不用再想了! 使用 Object.fromEntries() 来array → o ...
- es6 Object.keys(),Object.values(),Object.entries()
Object.keys(),Object.values(),Object.entries() Object.keys() ES5 引入了Object.keys()方法,返回一个数组,成员是参数对象自身 ...
- Object.entries()
Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组. 其排列与使用 for...in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环还会枚举原型链中的属性) ...
- javascript 中Object.entries
参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/entries O ...
最新文章
- 基于Pytorch再次解读GoogLeNet现代卷积神经网络
- python import出错_python import的一些问题
- STM32mini使用UCOSII信号量和邮箱实现任务挂起和恢复
- stm32+lwip(四):网页服务器测试
- 集成mysql+tomcat+apache+Eclipse的绿色版开发环境
- HDU1181 变形课【DFS】(废除)
- python varchar_在python中声明varchar
- python中断言语句语法_Python的词法分析与语法分析
- 付费应用程序协议下载 苹果_苹果商店 付费app协议填写 apple苹果IOS内购申请教程协议、税务和银行业务配置...
- 软件工程师具体的工作内容是什么?
- transformer变体
- 户外带什么耳机好、户外骨传导耳机推荐
- ECC RDIMM 服务器内存条简介
- 【嵌入式小技巧】STM32 实现 SEGGER RTT 打印(超详细)
- 华为畅享10与10s有什么区别?哪个更好
- JavaEE——JUC
- VSCode安装和使用教程
- 10本好书读物推荐,职场管理者必读,建议收藏
- DecoHack #015 独立产品灵感周刊 - 合格的开发者应该具备的工具
- 客户口碑评价监控实施方案
热门文章
- linux性能监控工具-nmon安装使用详细教程
- 6plus经常显示无服务器,苹果6plus屏幕失灵怎么办?如何解决?
- 抖音创作规范_抖音创作内容调整提示怎么办
- pyspark入门---机器学习实战预测婴儿出生率(二)使用ML库
- 智慧水务大数据平台-智慧水务建设方案
- 一起来学linux:磁盘与文件系统:
- 建了个微信交流群,和我一起在 b 站学 Python
- 利用Python实现FGO自动战斗脚本
- Android攻城狮OptionsMenu
- python 获取qq群成员信息_用Python编写工具获取QQ群成员的昵称和号码,使用,及,小...