ECMAScript 2019 中的 Object.fromEntries() 方法使用方法和示例

介绍

ECMAScript 2019 中新增了一个 Object.fromEntries() 方法,该方法可以将一个由键值对组成的数组转换为一个对象。这个方法可以方便地将数组转换为对象,也可以用于将 Map 转换为对象。

语法

Object.fromEntries(iterable)

参数

  • iterable:一个可迭代对象,其元素是键值对数组。

返回值

一个新的对象,其属性由 iterable 中的键值对组成。

示例

将数组转换为对象

----- --- - --------- --------- ------- ---- ---------- -----------
----- --- - ------------------------
----------------- -- ------ -------- ---- --- ------- ---------

将 Map 转换为对象

----- --- - --- ------
--------------- -------
-------------- ----
----------------- --------
----- --- - ------------------------
----------------- -- ------ ------ ---- --- ------- -------

与 Object.entries() 方法结合使用

----- --- - ------ ---------- ---- --- ------- --------
----- --- - --------------------
----- ------ - ------------------------
-------------------- -- ------ ---------- ---- --- ------- -------

注意事项

  • 如果 iterable 中有重复的键,则后面的键值对会覆盖前面的键值对。
  • 如果 iterable 中的元素不是键值对数组,则会抛出 TypeError 异常。

总结

Object.fromEntries() 方法可以方便地将数组或 Map 转换为对象,使用简单,但需要注意重复键的问题。在实际开发中,可以结合 Object.entries() 方法使用,将对象转换为数组,再进行操作。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/65c426e9add4f0e0ffe97132


猜你喜欢

  • ES7 中的 Array.prototype.copyWithin 方法

    在 ES7 中,新增了一个 Array.prototype.copyWithin 方法,用于在数组内部将指定位置的元素复制到其他位置,从而实现数组的部分覆盖。本文将详细介绍该方法的用法和应用场景,并给...

    8 个月前
  • Mocha 测试中如何模拟后端数据请求

    在前端开发中,我们经常需要测试我们的代码是否正确地与后端 API 交互。而在实际开发中,我们可能会遇到后端 API 尚未完成或者某些数据需要特殊处理的情况。这时,我们需要模拟后端数据请求来进行测试。

    8 个月前
  • 为什么 Redux 要写异步 action?

    在前端开发中,Redux 是一个非常流行的状态管理库。它通过一个单一的 store 来管理整个应用的状态,并且通过 action 和 reducer 来修改状态。但是在实际开发中,我们经常需要处理异步...

    8 个月前
  • 使用 ES12 的 Map 和 Set 方法实现高效实用程序

    在前端开发中,我们经常需要使用数组或对象来存储和管理数据。然而,随着应用程序的复杂性不断增加,使用传统的数据结构可能会带来一些问题。ES12 中引入了 Map 和 Set 方法,这些方法提供了更高效和...

    8 个月前
  • TypeScript 中对 null 和 undefined 的处理方式详解

    在前端开发中,我们经常会遇到 null 和 undefined 这两个值。TypeScript 作为一种静态类型语言,对于这两个值的处理方式也有一些特别的地方。本文将详细介绍 TypeScript 中...

    8 个月前
  • 在 Deno 中使用 WebRTC 实现视频通话

    WebRTC 技术使得浏览器可以在不需要任何插件的情况下进行实时音视频通信。而 Deno 是一个基于 V8 引擎的 JavaScript 和 TypeScript 运行时,它提供了更加安全和可靠的环境...

    8 个月前
  • 解密 Redis 失效策略及其优化方案

    Redis 是一个高性能的键值存储数据库,常用于缓存、消息队列、排行榜等场景。在使用 Redis 进行缓存时,我们需要考虑缓存的失效策略,以保证缓存的数据一致性和可靠性。

    8 个月前
  • koa2 中如何使用 async/await 来处理异步方法

    在前端开发中,异步方法是非常常见的,例如网络请求、文件读写等操作都需要使用异步方法来实现。但是在 JavaScript 中,异步方法的处理方式通常是通过回调函数或 Promise 对象来实现的,这样会...

    8 个月前
  • SSE 的缺点及其解决方法

    在前端开发中,SSE(Server-Sent Events)是一种常见的实时数据传输方式,它可以让服务器主动向客户端推送数据,从而实现实时更新页面的效果。然而,SSE 并不是完美的技术,它也存在一些缺...

    8 个月前
  • Kubernetes 中如何进行 Ingress 的管理

    什么是 Ingress 在 Kubernetes 中,Ingress 是一种管理入口流量的 API 对象,它允许对外暴露 HTTP 和 HTTPS 服务,并提供了负载均衡、SSL 终止、路径路由等功能...

    8 个月前
  • 使用 Babel 转化 TypeScript 文件

    TypeScript 是一种由 Microsoft 开发的静态类型语言。与 JavaScript 不同,TypeScript 可以在编译期间检查代码错误并提供更好的类型支持。

    8 个月前
  • RESTful API 使用 OAuth2.0 实现认证授权

    在现代 web 应用程序中,RESTful API 已经成为了一个非常流行的架构模式。RESTful API 可以使得前端和后端分离,让前端与后端之间的通信更加简洁、快速、可扩展。

    8 个月前
  • 在 ES9 中使用新的 String 提案

    随着 JavaScript 语言的快速发展,新的 ECMAScript 规范也在不断更新。在 ES9 中,新增了一些有趣的特性,其中包括了新的 String 提案。

    8 个月前
  • 从 Express 到 Fastify,你需要注意这些区别

    前言 在前端开发中,选择合适的框架和工具是十分重要的一环。在 Node.js 中,Express 一直是最受欢迎的 Web 框架之一。然而,近年来,Fastify 也逐渐崭露头角,成为了一个备受关注的...

    8 个月前
  • 利用 RxJS 实现多个 API 接口的并发请求

    在前端开发中,我们经常需要同时请求多个 API 接口,有时候这些接口之间还有依赖关系,比如后面的接口需要前面接口的返回数据作为参数。如何优雅地处理这种情况呢?RxJS 提供了一种解决方案。

    8 个月前
  • Mocha 中 $watch 和 $watchCollection 的区别及使用方法

    在 AngularJS 中,$watch 和 $watchCollection 是两个非常重要的指令,用于监听模型数据的变化并执行相应的操作。在使用 Mocha 进行测试时,了解 $watch 和 $...

    8 个月前
  • 使用 ECMAScript 2019 的 BigInt 以处理超过 JavaScript 数字精度的问题

    在前端开发中,经常会遇到处理大数字的情况,例如处理货币、计算时间等等。然而,JavaScript 的数字类型有精度限制,当数字超出限制时,就会产生错误的计算结果。为了解决这个问题,ECMAScript...

    8 个月前
  • 如何在 Angular TypeScript 应用中正确导入外部库

    在 Angular TypeScript 应用中,我们经常需要引入外部库来实现一些特定的功能。但是,正确导入外部库并不是一件简单的事情。本文将会介绍如何在 Angular TypeScript 应用中...

    8 个月前
  • Deno 中的 CORS 安全:实现与避免

    CORS (Cross-Origin Resource Sharing) 是一种网络安全机制,用于控制浏览器在客户端 JavaScript 中发起的跨域 HTTP 请求。

    8 个月前
  • AccessibilityService 使用难点剖析与解决方案

    前言 在 Android 应用开发中,AccessibilityService 是一个非常重要的组件,它可以帮助我们实现一些辅助功能,如屏幕阅读器、无障碍键盘等。但是,AccessibilitySer...

    8 个月前

相关推荐

    暂无文章