如何使用 ECMAScript 2017 中的 Array.prototype.includes()

前言

ECMAScript 2017 引入了一个新方法:Array.prototype.includes(),该方法可以用来判断一个数组是否包含某个元素,它与 Array.prototype.indexOf() 的功能很相似,但是使用方式更为简洁,让我们来看看如何使用这个新方法。

includes() 方法的作用

includes() 方法的作用是检查一个数组中是否包含一个指定的值,如果包含则返回 true,否则返回 false。它的语法如下:

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

其中,arr 是要搜索的数组,valueToFind 是要查找的元素,fromIndex 是可选参数,表示从哪个索引开始查找元素。

includes() 方法的使用

基本用法

我们来看一个简单的例子,在一个数组中查找是否包含特定的元素:

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

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

指定起始索引

使用第二个参数指定查找元素的起始索引:

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

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

区分 NaN

对于元素为 NaN 的情况,includes() 也可以正确地进行处理:

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

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

注意事项

需要注意的是,includes() 方法使用的是严格相等(===)比较,所以对于复杂数据类型,如对象和数组,需要注意比较引用的地址值而不是值本身。

总结

Array.prototype.includes() 方法是 ECMAScript 2017 引入的一个实用方法,可以用来检测数组中是否包含某个元素。它的使用方法简单,与 Array.prototype.indexOf() 相比更为直观。使用 includes() 方法可以使代码更为简洁,提高开发效率。

示例代码

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

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

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

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

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


猜你喜欢

  • ES10 新特性:正则表达式子句 “s” 修饰符

    在 ECMAScript 2019 标准中,正则表达式得到了一些新特性的增强和改进。其中,最引人注目的新特性是——正则表达式子句 “s” 修饰符。这个新特性可以让正则表达式更加强大,更易用,它的功能和...

    1 年前
  • 如何在 Angular 中使用 Jasmine 进行单元测试?

    单元测试是现代软件开发过程中不可或缺的一环,Angular 所采用的单元测试框架是 Jasmine。本文将为你提供一份如何在 Angular 中使用 Jasmine 进行单元测试的详细指南。

    1 年前
  • ES8 中共享内存和挫败的爆发

    在 ES8 的新特性中,共享内存(Shared Memory)受到了广泛的关注和讨论。共享内存是指多个线程或进程之间共享同一片物理内存,这样就能够避免数据的拷贝和同步,提高了程序的执行效率和速度。

    1 年前
  • ES6/ES2015:新特性指南

    ECMAScript 6(又称 ES6 或 ES2015)是 JavaScript 编程语言的最新版本,它引入了许多新特性和语法糖,帮助开发人员编写更具表现力和易于维护的代码。

    1 年前
  • 基于 AOP 的性能优化实践

    随着前端应用的复杂度不断提升,性能优化已经成为前端开发工作中不可缺少的一部分。而一个高效的性能优化方案,不仅需要在代码实现上做出改善,更需要从整个架构层面进行考虑。

    1 年前
  • ECMAScript 2020 的新特性:可选的 catch 绑定

    ECMAScript 2020 的新特性:可选的 catch 绑定 随着 JavaScript 的广泛应用,它的标准也在不断发展。ECMAScript 是 JavaScript 的标准化组织,它每年都...

    1 年前
  • 在 Express.js 中使用 HTTPS 和 SSL

    Express.js 是 Node.js 的一个流行框架,用于构建 Web 应用程序和 API。在生产环境中,为了保护用户数据和保护远程服务不受攻击,需要使用 HTTPS 和 SSL。

    1 年前
  • ESLint 在 Webpack 打包时的配置方法

    前言 在前端开发中,我们经常需要编写一些JS代码,而在编写代码的过程中必然存在一些规范和代码风格,比如:一些语法的使用、变量的命名以及代码缩进等,同时,在不同的项目中开发人员对于代码风格和规范的要求也...

    1 年前
  • Fastify 应用中使用 Nuxt.js 作为前端框架

    前端框架是现代 Web 应用开发中的重要工具,能够帮助我们更快、更高效地实现复杂的前端业务功能。Fastify 和 Nuxt.js 分别是 Node.js 后端和 Vue.js 前端领域中的热门框架,...

    1 年前
  • Hapi 构建 REST API 的步骤与技巧

    什么是 Hapi Hapi 是一个 Node.js 的开源框架,它被广泛用于构建 RESTful API 的服务端。Hapi 具有灵活、模块化和可扩展的架构,可以帮助开发者轻松地构建高质量的 Web ...

    1 年前
  • RxJS+Vue 创建自定义指令

    RxJS 是一款广受欢迎的响应式编程库,而 Vue 则是一款前端框架。结合这两者,我们可以创建强大的应用程序。本文将向您展示如何使用 RxJS 和 Vue 创建自定义指令,以及我们可以将其用于哪些场景...

    1 年前
  • ES7 中的对象属性描述符

    在 JavaScript 中,对象是一种非常重要的数据类型。对象的属性通常包括属性名和属性值,它们可以是任何类型的值。除此之外,对象属性还有一些其他的属性描述符,它们可以决定对象属性的一些特性,比如是...

    1 年前
  • 解决在 GraphQL 中查询时出现 “Type not found” 错误的问题

    解决 GraphQL 中出现 “Type not found” 错误的问题 在 GraphQL 查询中,出现 “Type not found” 的错误提示,通常是由于缺失相应的类型定义所引起的。

    1 年前
  • ES9 新特性 BigInt 解析和格式化

    在 JavaScript 中,数字的表示范围有限,最大整数值为 2^53 - 1,超出该范围的整数会导致精度丢失。ES9 新增了一种数据类型 BigInt,可以表示任意大小的整数。

    1 年前
  • Webpack 实现 code splitting 与懒加载

    在前端开发中,随着项目的复杂度增加,前端资源的体积也不断增大,这就导致了网页加载速度缓慢,用户体验不佳的问题。为了解决这个问题,我们可以采用 Webpack 的 code splitting 和懒加载...

    1 年前
  • JavaScript 新特性:ES10 中 Object.is() 方法详解

    JavaScript 新特性:ES10 中 Object.is() 方法详解 随着 JavaScript 的发展,每年都会引入新的 ECMAScript 标准,以增强语言特性和性能。

    1 年前
  • 使用 Tailwind CSS 打造 WordPress 主题开发流程

    随着 Tailwind CSS 的推广和普及,它逐渐成为了许多前端开发者的首选框架。而在 WordPress 主题开发中,使用 Tailwind CSS 可以让我们更加高效、灵活地构建出自己想要的界面...

    1 年前
  • 从 URI 到 RESTful API 的设计之路

    随着互联网的发展和应用场景的多样化,API 的设计变得越来越重要。其中,RESTful API 是一种最常用、最基础的 API 设计风格。本文将从 URI 开始,详细探讨如何设计 RESTful AP...

    1 年前
  • 打造 Angular 响应式表单的方法

    Angular 响应式表单是一种功能强大的方式,可以帮助开发人员在应用程序中建立多种表单。它们强化了表单处理的逻辑,并允许应用程序响应用户输入和验证数据。Angular提供了一系列方法来构建响应式表单...

    1 年前
  • 使用 Babel 编译 ES7 异步函数的最佳实践

    前言 在前端开发中,异步操作是非常常见的,而且随着 ES7 中的 async/await 的引入,异步编程的难度有了很大的降低。但是,由于经典的 JavaScript 引擎还没有完全支持 ES7 中的...

    1 年前

相关推荐

    暂无文章