indexOf方法和ES6的includes方法

最新推荐文章于 2025-05-25 22:38:43 发布
原创 最新推荐文章于 2025-05-25 22:38:43 发布 · 1w 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#es6

本文对比了JavaScript中includes和indexOf两个数组方法的区别与联系。详细解释了它们的参数使用方式，并指出includes能更好地处理NaN元素且返回值更直观，而indexOf可以提供元素的位置信息。

includes和indexOf相比较：

相同点：二者所传的参数是一样的，第一个参数传要判断的元素，第二个参数传开始检索的下标位置
不同点：返回值不同
1、indexOf：返回的是元素的所在下标，如果不存在则返回-1

优点：元素存在可获取到元素的位置
缺点：(1)无法判断是否有NaN的元素(2)返回的值不够语义化，需要我们进行处理

2、includes：返回一个Boolean值，有：true，没有：false

优点：(1)可判断NaN元素(2)返回值十分语义化，不需要再次处理
缺点：无法获取元素的下标

indexOf和includes的区别
XinKun的博客
02-19 775
indexOf和includes相比较： 相同点：二者所传的参数是一样的，第一个参数传要判断的元素，第二个参数传开始检索的下标位置，两者都在数组和字符串上使用 不同点：返回值不同 indexOf：返回的是元素的所在下标，如果不存在则返回-1 **优点：**元素存在可获取到元素的位置 缺点： (1)无法判断是否有NaN的元素 (2)返回的值不够语义化，需要我们进行处理 includes：返回一个Boolean值，有：true，没有：false 优点： (1)可判断NaN元素 (2)返回值十分语义化，不需要再
vue3：数组的.includes方法怎么使用
最新发布
fury的博客
10-17 1125
问题回答这句代码什么意思？判断statusKey是否是'waiting'或是什么类型？✅ 字符串（string），比如'waiting'是对象还是数组？❌ 不是对象，也不是数组，只是一个字符串值用在什么场景？控制 UI 显示逻辑，比如按钮是否可点有没有更优写法？可用Set.has()提高性能，但includes更直观✅ 所以这行代码非常常见且合理，是一种简洁有效的状态判断方式。
indexOf与includes的区别
Hello博客
07-21 1490
到底什么时候使用includes什么时候使用indexOf还是要看情况来决定，如果你想要查找某个元素在数组中的位置，你就用indexOf，如果你只是想知道数组中是否存在某个元素，你用includes方法比较合适的。.........
前端判断界的“双子星”：includes 和 indexOf
2201_75708884的博客
05-25 1518
开发路上无小事，一个简单的存在性判断，也能使主编陷入久久沉思。includes和indexOf看似双胞胎，实则性格迥异啊!!!好在主编经历了一番百度 + 问同事 + 灵码助攻之后，我终于把这对兄弟的底裤都翻了个遍🙂。接下来就由既帅气又有才华的主编带大佬们,看清这对“兄弟”的本质区别，别再写错判断条件啦！
includes与indexOf
weixin_34281537的博客
02-25 194
indexOf(a,b)是在es6之前常用的判断数组/字符串内元素是否存在的api，接收两个参数，第一个a代表要被查找的元素，必填。第二个代表从数组的某个坐标开始查找，可选 在数组中 通过indexOf，会返回元素在array中的位置，不存在就返回-1 const a = [1, 2, 3] let b = 2 console.log(a.indexOf(b) !== -1) // true co...
indexOf与includes区别
outstanding木槿
12-01 826
因为includes，返回是布尔类型true、false，可用于控制某个功能的显隐。方法的基本调用：第一个参数：要查找的元素；第二个参数：position从哪个索引值开始查找。因为indexOf，返回是索引、-1，可用于判断某个值是否在数组里。indexoOf()：不能匹配到数组中的NaN。includes()：能匹配到数组中的NaN。包含返回true， 否则false。下标， 未找到返回-1。在执行匹配的时候：进行。找到返回第一次出现的。
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
01-19
当有人问到用来确定一个字符串是否包含在另一个字符串中有哪些方法时，我们会不假思索回答道：indexOf方法。其实，ES6 又提供了三种新方法includes()、startsWith()、endsWith()，也是比较好用的。 indexOf方法在...
es6数组includes()用法实例分析
11-20
另外，`Map`和`Set`这两个ES6新增的数据结构也有与`includes()`类似但功能不同的方法。`Map.prototype.has(key)`和`WeakMap.prototype.has(key)`用于查找键名是否存在，而`Set.prototype.has(value)`和`WeakSet....
ES6中Array.includes()函数的用法
08-29
这个函数弥补了之前`Array.indexOf()`方法的一些不足，提供了更为清晰和语义化的判断方式。 `Array.indexOf()`方法返回指定元素在数组中的索引，如果不存在则返回-1。这意味着在检查数组是否包含某元素时，我们需要...
ES6+知识点汇总（6）— 新增常用字符串方法详解
发果叁
05-26 580
十三、ES6+字符串方法 13-1、includes 在ES5中，如果想要查找一个字符串中是否包含另一个字符串，一般会使用indexOf、lastIndexOf、search： 使用indexOf()会发返回查询后第一次出现指定字符串的索引，如果未找到则返回-1 ES6新增的includes()方法用来替代indexOf()的不足，能够更好的去判断，而不是需要根据返回的索引进一步判断 13-1-1、includes的基本使用方法 includes()方法主要用于查询字符串，判断一个字符串是否包含另一个
indexOf ()、includes()有何异同？
qq_53985958的博客
06-18 1365
随记002: indexOf ()、includes()有何异同？ 主要用途: 判断字符串或者数组中是否存在对应元素 1、数组中的includes和indexOf方法比较 函数返回值 includes(): 返回布尔类型 indexof(): 返回的是一个整数的类型值,表示当前的值在数组中第一次出现的索引 函数的第二个参数(两种方法都是可以接收两个数的) indexoOf(): 第一个参数:要查找的元素；第二个参数:fromIndex从哪个索引值开始查找 1、不传递第二个参数: 默认从0开始
includes和indexOf的区别
a329715712的博客
03-20 2342
ES7新特性 ES7在ES6的基础上添加了三项内容：求幂运算符（**）、Array.prototype.includes()方法、函数作用域中严格模式的变更。 Array.prototype.includes()方法接收两个参数：要搜索的值和搜索的开始索引 includes() 和 indexOf() 的区别 相同点： 作用都是查找一个值在不在数组里。 不同点： includes 若...
indexOf()和includes()方法的使用详解
我是段段的博客
02-23 2473
在写项目的时候，需要实现一个搜索功能，并且能够支持模糊查询，起初最先想到了indexOf()方法，后来觉得includes()方法更好一些，简单记录下 indexOf() 定义：indexOf()方法可返回某个制定的字符串值在字符串中首次出现的位置 语法： 该方法有两个参数：indexOf(val, idx) val 表示需要查找的字符串值 idx 表示在字符串中开始查找的位置，合法值是 0 到 length - 1；默认值为 0 如果要查找的字符串值没有出现，则该方法返回 -1 首先需要引入log方法
indexOf includes 区别
weixin_30326515的博客
04-24 126
indexOf 返回数值类型 （ 索引、-1 ） includes 返回布尔类型 （ true 、false ），且能区分出 NaN undefined （ 如新建空数组 ） 测试代码 var arr=[1,2,3,NaN] arr.indexOf(3) // 2 arr.indexOf(NaN) // -1 ...
includes与indexOf的不同之处
friend_ship的博客
07-27 433
ES6新增了数组实例的includes(),没有该方法之前，通常使用数组的indexOf方法，检查是否包含某个值。 1.返回值类型 indexOf返回数值型，includes返回布尔类型 [1,2,3].indexOf(2) // 1 [1,2,3].includes(2) // true 2.对NaN类型的判断 [NaN].indexOf(NaN) // -1 [NaN].includes(NaN) // true indexOf造成对NaN的误判的原因：内部使用严格相等运算符(===..
indexof和includes的区别
qq_57305148的博客
06-29 233
数组中的indexof方法判断字符串是否包含子字符串（包含的话就返回字符串所在位置，不包含返回-1）语法：indexof（searchElement，fromIndex）fromIndex(可选。从该索引处开始查找searchElmentui) 数组中的includes方法判断一个数组是否包含一个指定的值（包含返回true,不包含返回false）语法：includes（searchElement，fromIndex）fromIndex(可选。从该索引处开始查找searchElmentui) indexof和
includes()和indexof()的区别
Cheer的博客
08-02 289
一，返回值不同 includes()返回布尔值，indexof()返回索引值 二，关于NAN indexOf不能判断NaN var arr = [NaN]; console.log(arr.indexOf(NaN))//-1 console.log(arr.includes(NaN))//true 三，关于undefined var arr = [,,]; console.log(arr.indexOf(undefined))//-1 console.log(arr.includes(und
includes 以及 indexOf 的使用以及区别
QZ9420的博客
01-26 3103
includes 方法 includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false const a = ['a12', 'a23', 'a33', 'a34'] const b = ['a12', 'a23', 'a34'] let c = a.filter(item =>{ return !b.includes(item) }) console.log(c); indexOf 方法 直接打点调用,括号
JavaScript数组方法find、findIndex、filter与indexOf区别解析
本文围绕“JS数组方法区别”这一主题，深入剖析了四种核心数组处理方法：`find()`、`findIndex()`、`filter()` 和 `indexOf()` 的功能特性、行为差异、返回值类型、适用场景以及性能表现，为开发者提供了一套系统性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值