ES8 新的 Array 方法:Object.entries 和 Object.values

ES8 新的 Array 方法:Object.entries 和 Object.values

在 JavaScript 中,数组是一个强大的数据结构,它支持多种方法和操作。ES8 引入了两个新的 Array 方法:Object.entries 和 Object.values。这两个方法可以让我们更方便地处理数组中的数据,并且提高我们的编程效率。

Object.entries 方法

Object.entries 方法返回一个由给定对象的可枚举属性键值对数组a,数组中每个元素是一个包含两个元素的数组,第一个元素是属性名,第二个元素是属性值。属性的顺序与对象的枚举顺序相同。

使用 Object.entries 方法可以非常方便地遍历数组中的元素,而不必要使用索引值。下面是一个简单的示例,演示如何使用 Object.entries 方法来遍历数组:

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

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

输出:

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

通过使用 Object.entries 方法,我们可以一次遍历整个数组,并且不需要使用索引来访问数组元素。

Object.values 方法

Object.values 方法返回一个包含给定对象所有可枚举属性值的数组。

Object.values 方法可以非常方便地获取一个数组中所有的元素,而不需要使用 for 循环或者 map 方法。下面是一个简单的示例,演示如何使用 Object.values 方法来获取数组中的所有元素:

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

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

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

输出:

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

通过使用 Object.values 方法,我们可以方便地获取数组中所有的元素,并且不需要使用 for 循环或者 map 方法。

总结

ES8 引入了两个非常实用的 Array 方法:Object.entries 和 Object.values。这两个方法可以让我们更方便地处理数组中的数据,并且提高我们的编程效率。在实际编程中,我们可以根据实际需求选择使用适合的方法,来处理我们的数组数据。

代码

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

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

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

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


猜你喜欢

  • 解决 Fastify 日志打印失效的问题

    问题描述 在使用 Fastify 构建 API 时,我们通常需要记录访问日志以便于观察和分析 API 的调用情况。而 Fastify 提供了 fastify-log 模块来方便我们记录日志。

    1 年前
  • 使用 Jest 进行 JavaScript 代码测试

    前言 在前端开发中,测试是一个非常重要的部分。它能够帮助我们在整个开发周期中保证代码的质量和稳定性,同时也可以提高代码的可维护性和可扩展性。而 Jest 作为一个流行的 JavaScript 测试框架...

    1 年前
  • 利用 ES11 新增 nullish coalescing 给你的代码加点精致的语法糖

    ES11 在 2020 年正式发布,并带来了很多有意思的新特性。其中,nullish coalescing (null 合并运算符) 在 JavaScript 领域中备受关注,它能够为我们的代码添加一...

    1 年前
  • GraphQL server 的使用指南

    GraphQL 是一种用于 API 的查询语言,它能够有效地解决 REST API 的一些问题,例如过多或过少的数据、多次请求等。本文将详细讲解 GraphQL server 的使用指南,包括基本概念...

    1 年前
  • Enzyme 的新特性实践 - 与 React Router 一起使用

    简介 Enzyme 是一个用于 React 组件测试的 JavaScript 工具库。它可以帮助开发者针对组件进行快速和简单的测试,并提供了大量的测试 API。 React Router 是一个用于构...

    1 年前
  • 基于 Swift 的高性能程序开发实践

    Swift 是一种开发 iOS、macOS 及 watchOS 应用程序的编程语言,由 Apple 公司开发并于 2014 年发布。它是一种快速、安全、现代化的编程语言,具有高性能和易于使用的特点,并...

    1 年前
  • SSE 如何解决由服务端推送消息率过高带来的性能问题

    随着 Web 技术的不断发展,现在越来越多的应用需要利用服务端推送消息。当服务器频繁地向客户端推送消息,例如实时聊天、股票实时行情等情境,会给服务器带来很大的负担,甚至可能导致服务器崩溃。

    1 年前
  • JavaScript 中 Promise.retry 的实现方式

    在前端开发中,经常会遇到需要重试请求的情况。例如,在处理一些不稳定的网络请求时,可能会因为网络超时或服务器响应错误而失败。为了增强应用程序的鲁棒性和稳定性,我们需要实现自动重试机制。

    1 年前
  • Custom Elements:如何在自定义元素中使用 Webpack?

    在前端开发中,自定义元素可以使得我们更方便地封装、复用和管理 DOM 元素。而使用 Webpack 则可以帮助我们更好地管理各种前端资源,包括 JavaScript、CSS、图片等。

    1 年前
  • PM2+Redis+Node.js 实现高效率集群应用

    前言 随着互联网的迅速发展,越来越多的企业需要使用到高效率集群应用。在构建高性能集群应用之前,我们需要考虑如何去实现这个目标,同时如何避免常见的问题。 在这篇文章中,我们将介绍使用 PM2+Redis...

    1 年前
  • Material Design 中如何实现圆形头像?

    Material Design 中如何实现圆形头像? Material Design 是 Google 推出的一种现代化的设计语言,它强调简洁、有层次感和美学,得到了广泛的应用。

    1 年前
  • React Native Animated 详解

    React Native 是现在最流行的移动端开发框架之一。而 React Native Animated 则是其中一个优秀的动画库,它可以让我们轻松创建复杂的动画效果。

    1 年前
  • 如何在 Go 中构建 RESTful API

    RESTful API 是一种现代化且灵活的 Web API 设计风格,它是基于 HTTP 协议的一种架构风格。在前端开发中,我们经常需要使用 RESTful API 来获取数据和与服务器进行交互。

    1 年前
  • 怎么发掘无障碍市场的巨大用户群体

    随着数字化时代的不断发展,网络和移动设备已经成为人们生活中必不可少的一部分,然而,对于一些残障人士来说,使用网络和移动设备却是一件困难的事情。为了让这部分人群也能够享受到互联网的便利,我们需要建立起一...

    1 年前
  • 使用 React 实现可复用的 SPA 应用

    单页应用(Single-Page Application,简称 SPA)是一种流行的 Web 应用开发模式,它可以更好地提升用户的交互体验,减少用户等待页面加载时间。

    1 年前
  • Sequelize 常见的联合查询操作教程

    Sequelize 是一个基于 Node.js 实现的 ORM(Object-Relational Mapping)框架,可以用来完成数据库的操作。在前端开发中,Sequelize 可以方便地帮助我们...

    1 年前
  • 在 Headless CMS 网站上应用 SASS 和 Webpack

    Headless CMS 是建立内容为中心的现代 web 应用程序的趋势。这些应用程序将前端和后端分开,通过 API 进行通信。 这意味着我们需要独立开发前端应用程序,通常使用 React、Vue.j...

    1 年前
  • Koa.js 常见问题集锦及解决方案

    什么是 Koa.js? Koa.js 是一个基于 Node.js 平台的 Web 应用开发框架,它提供了一个简洁的抽象层,使得开发 Web 应用变得更加简单和快速。

    1 年前
  • Babel 7.2.0 解救你的前端项目

    在编写现代 JavaScript 代码的过程中,Babel 是一个不可或缺的工具。它可以将最新的 JS 语法转换成可以在现代浏览器中运行的代码,使得我们可以更自由地使用最新的语言特性。

    1 年前
  • 解决 Symbol.unscopables 报错问题的方法

    在使用 JavaScript 中的 Symbol 类型时,我们可能会遇到一个名为 Symbol.unscopables 的属性。这个属性是一个特殊的内部属性,用于控制对象在使用 with 语句时,哪些...

    1 年前

相关推荐

    暂无文章