首页 > 其他分享 >Object.entries()详解

Object.entries()详解

时间:2022-08-25 17:11:07浏览次数:61  
标签:Map console log text Object 详解 entries

文档:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

描述:Object.entries()返回一个数组,其元素是与直接在object上找到的可枚举属性键值对相对应的数组。属性的顺序与通过手动循环对象的属性值所给出的顺序相同。其排列与使用   for.....in   循环遍历该对象时返回的顺序一致(区别在于for...in)循环还会枚举原型链中的属性.

一、Object.entries(对象)

const object1 = {
  a: 'somestring',
  b: 42
};
let a = []
let b = []
  console.log(Object.entries(object1)) //[['a','somestring'],['b',42]]
for (const [key, value] of Object.entries(object1)) {
   console.log(`${key}: ${value}`);
   a.push(key)
b.push(value) } // "a: somestring" // "b: 42" console.log(a) //[a,b] 不过直接用 Object.keys(object1)岂不香 console.log(b) //['somestring',42] 不过直接用 Object.values(object1)岂不香

 

二、Object.entries(数组对象)修改数组对象中的key,有text改为label。

const customerList=[{text:'1'},{text:'2'}]
// 返回新的组件
let newList = []
console.log(Object.entries(customerList))//[['0',{text:'1'}],['1',{text;'2'}]]
for (let [index, value] of Object.entries(customerList)) {
  newList.push({ index: index, label: value.text })
}
console.log(newList)//[{index:'0',label:'1'},{index:'1',label:'2'}]

 

三、Object转换成Map

new Map()构造函数接受一个可迭代的entries。借助Object.entries方法你可以很容易的将Object转换为Map

const obj2 = { name: 'wang', age: 32, sex: 'man' }; 
console.log(Object.entries(obj2));//[['name','wang'],['age',32],['sex','man']]
const map = new Map(Object.entries(obj2)); 
console.log(map); //Map(3) {'name' => 'wang', 'age' => 32, 'sex' => 'man'}
console.log(map.size); // 3
map.delete('name') 
console.log(map) //Map(2) {'age' => 32, 'sex' => 'man'}
console.log(map.get('age')) // 32

 

标签:Map,console,log,text,Object,详解,entries
From: https://www.cnblogs.com/wang715100018066/p/16624910.html

相关文章

  • BigDecimal详解和精度问题
    JavaGuide :「Java学习+面试指南」一份涵盖大部分Java程序员所需要掌握的核心知识。BigDecimal是大厂Java面试常问的一个知识点。《阿里巴巴Java开发手册》中......
  • DNS 查询原理详解
    通过DNS查询,得到域名的IP地址,才能访问网站。那么,DNS查询到底是怎么完成的?本文通过实例,详细介绍背后的步骤。   一、DNS服务器 域名对应的IP地址,都保......
  • TDengine 3.0 三大创新详解
    在8月13日的 TDengine 开发者大会上,涛思数据创始人陶建辉进行了题为《高性能、云原生的极简时序数据处理平台》的主题演讲。在本次演讲中,他不仅分享了时序数据库现......
  • Object.assign实现的是浅拷贝还是深拷贝?
    首先MDN官网中有一句写道:   assign()语法:Object.assign(target,...sources)target:目标对象,接收源对象属性的对象,也是修改后的返回值。sources:源对象,包含将被......
  • 详解MySQL隔离级别
    一个事务具有ACID特性,也就是(Atomicity、Consistency、Isolation、Durability,即原子性、一致性、隔离性、持久性),本文主要讲解一下其中的Isolation,也就是事务的隔离性。概......
  • Java 8 如何快速的将List<T>转换成List<Map<String,Object>>
    实际开发过程中,经常会遇到需要将List<T>转换List<Map<String,Object>>的情况,那么你们都是用什么方法实现的呢?下面是我开发过程中使用的方法,还望大佬看后轻喷。List<Map<......
  • Monkey测试详解
    一、测试工具Monkey是什么?Monkey是AndroidSDK提供的一个命令行工具,可以简单,方便地运行在任何版本的Android模拟器或实体设备上。Monkey就是猴子,Monkey测试,是指像猴子一样......
  • GET 和 POST详解
    https://blog.csdn.net/qq_44204058/article/details/113984363一、HTTP请求方法Http协议定义了很多与服务器交互的方法,最基本的有4种,分别是GET,POST,PUT,DELETE.一个URL......
  • 【论文阅读】Faster R-CNN: Towards Real-Time Object Detection with Region Proposa
    原始题目:FasterR-CNN:TowardsReal-TimeObjectDetectionwithRegionProposalNetworks中文翻译:FasterR-CNN:使用区域建议网络实现实时目标检测发表时间:2015年6......
  • Object.defineProperty方法详解(全面)
     Object.defineProperty方法详解(全面) 一、Object.defineProperty的作用就是直接在一个对象上定义一个新属性,或者修改一个已经存在的属性二、Object.defineproperty方......