indexOf ()、includes()有何异同？

已于 2022-06-19 17:00:03 修改
阅读量1.2k 收藏 5
点赞数 1
分类专栏： 基础笔记 文章标签： javascript 前端
于 2022-06-18 23:59:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53985958/article/details/125352713
版权
本文探讨JavaScript中数组和字符串的indexOf()与includes()方法的异同。主要用途是判断元素是否存在。includes()返回布尔值，indexOf()返回索引值。在处理NaN和undefined时，includes()更具包容性。在数据类型转换方面，字符串会转换类型而数组则进行严格相等匹配。
摘要由CSDN通过智能技术生成

随记002: indexOf ()、includes()有何异同？

主要用途:

判断字符串或者数组中是否存在对应元素

1、数组中的includes和indexOf方法比较

  • 函数返回值
    includes(): 返回布尔类型
    indexof(): 返回的是一个整数的类型值,表示当前的值在数组中第一次出现的索引

  • 函数的第二个参数(两种方法都是可以接收两个数的)

    • indexoOf():
      第一个参数:要查找的元素；第二个参数:fromIndex从哪个索引值开始查找
      1、不传递第二个参数: 默认从0开始
      [1,2,3,4,5].indexOf(2);// 1
      2、传递第二个参数: 如果存在,返回对应索引值；如果不存在,返回-1
      //从索引值为2的地方开始查找值为2
[1,2,3,4,5].indexOf(2,2)
最低0.47元/天 解锁文章
潇xiao雨未歇
关注
专栏目录
indexOf和includes的区别
XinKun的博客
02-19 639
indexOf和includes相比较： 相同点：二者所传的参数是一样的，第一个参数传要判断的元素，第二个参数传开始检索的下标位置，两者都在数组和字符串上使用 不同点：返回值不同 indexOf：返回的是元素的所在下标，如果不存在则返回-1 **优点：**元素存在可获取到元素的位置 缺点： (1)无法判断是否有NaN的元素 (2)返回的值不够语义化，需要我们进行处理 includes：返回一个Boolean值，有：true，没有：false 优点： (1)可判断NaN元素 (2)返回值十分语义化，不需要再
indexOf与includes的区别
Hello博客
07-21 1262
到底什么时候使用includes什么时候使用indexOf还是要看情况来决定，如果你想要查找某个元素在数组中的位置，你就用indexOf，如果你只是想知道数组中是否存在某个元素，你用includes方法比较合适的。.........
indexOf方法和ES6的includes方法
热门推荐
wangcuiling_123的博客
11-13 1万+
includes和indexOf相比较：相同点：二者所传的参数是一样的，第一个参数传要判断的元素，第二个参数传开始检索的下标位置不同点：返回值不同1、indexOf：返回的是元素的所在下标，如果不存在则返回-1优点：元素存在可获取到元素的位置 缺点：(1)无法判断是否有NaN的元素(2)返回的值不够语义化，需要我们进行处理2、includes：返回一个Boolean值，有：true，没有：fals
includes和indexOf的区别
a329715712的博客
03-20 2276
ES7新特性 ES7在ES6的基础上添加了三项内容：求幂运算符（**）、Array.prototype.includes()方法、函数作用域中严格模式的变更。 Array.prototype.includes()方法接收两个参数：要搜索的值和搜索的开始索引 includes() 和 indexOf() 的区别 相同点： 作用都是查找一个值在不在数组里。 不同点： includes 若...
【译】Array与Set的异同及使用场景
weixin_34221036的博客
03-04 1939
原文链接：戳这里 PS：原文只介绍了Array和Set的一些简单操作，详细API放在文章底部。 Array和Set是什么 每一个使用JavaScript编程的人都应该对Array非常熟悉。 通常，我们可以这样形容它：数组是表示一种储存在连续空间中的结构类型（内容可以为number,object等）。 例如：[1, 2, 3, 4, 5] （原文这里说法存在歧义，具体数组在内存中的存储方式可...
金三银四，这些JavaScript、ES6前端面试题及答案解析您看了吗？
管乐明的博客
04-19 2170
JavaScript基础面试题及答案解析1、js基本数据类型有哪些？2、Ajax如何使用3、如何判断一个数据类型是NaN？ 1、js基本数据类型有哪些？ 答：字符串String，数值Number，布尔 boolean，null，undefined，对象，数组 2、Ajax如何使用 一个完整的AJAX请求包括五个步骤： 创建XMLHTTPRequest对象 使用open方法创建http请求，并设置请求地址: xhr.open(get/post , url , async , true(异步) )经常使
学透JavaScript 你真的懂 Array 吗？
LuZhenQian2017的博客
03-09 1870
前言 科普 JavaScript，揭开 JavaScript 神秘面纱，直击 JavaScript 灵魂。此系列文章适合任何人阅读。 本文章内容为： 标准化数组。 数组与数组容器。 ECMAScript 规范中 Array API 讲解。 如果你想用 Array，而又不想学 API 的办法。 标准规范以外的 Array API 扩展。 V8 引擎对 Array 的处...
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
m0_55613022的博客
02-24 3201
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
includes与indexOf
weixin_34281537的博客
02-25 144
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...
includes()和indexof()的区别
Cheer的博客
08-02 217
一，返回值不同 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
js 中 includes和indexOf的区别
xiasohuai的博客
02-08 4882
区别1: includes用来判断一个数组是否包含指定的值，包含返回ture，否则为false; indexOf返回在数组中存在指定值的第一个索引，不存在返回-1 const arr = ['a','b'] console.log(arr.includes('a'))// true console.log(arr.indexOf('a'))// 0 区别2: includes可以判断有NaN的元素，indexOf不能 const arr = ['a','b',NaN] console.log(
includes与indexOf的不同之处
friend_ship的博客
07-27 354
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()方法的使用详解
我是段段的博客
02-23 2277
在写项目的时候，需要实现一个搜索功能，并且能够支持模糊查询，起初最先想到了indexOf()方法，后来觉得includes()方法更好一些，简单记录下 indexOf() 定义：indexOf()方法可返回某个制定的字符串值在字符串中首次出现的位置 语法： 该方法有两个参数：indexOf(val, idx) val 表示需要查找的字符串值 idx 表示在字符串中开始查找的位置，合法值是 0 到 length - 1；默认值为 0 如果要查找的字符串值没有出现，则该方法返回 -1 首先需要引入log方法
数组中的includes和indexOf
蒲小若的博客
12-31 414
Array.includes(value):返回一个布尔值，value是否在数组中 Array.indexOf(value):如果value在数组中，则返回value在数组中的下标；否则返回-1 当只想确定一下value是否在数组中时，可使用Array.includes()来替代Array.indexOf()； 如下图： ...
indexOf includes 区别
weixin_30326515的博客
04-24 84
indexOf 返回数值类型 （ 索引、-1 ） includes 返回布尔类型 （ true 、false ），且能区分出 NaN undefined （ 如新建空数组 ） 测试代码 var arr=[1,2,3,NaN] arr.indexOf(3) // 2 arr.indexOf(NaN) // -1 ...
indexOf 和 includes的区别
weixin_38599724的博客
10-18 365
定义和用法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法 stringObject.indexOf(searchvalue,fromindex) 参数 描述 searchvalue 必需。规定需检索的字符串值。 fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject....
indexOf与includes的用法
zuo_kaizheng的博客
12-30 439
判断数组中是否存在某一值，indexOf与includes的用法 indexOf用来判断数组中是否含有某一值 var arr = [1,2,3,4,5,6]; console.log(arr.indexOf(6) ) // 输出 5 console.log(arr.indexOf('7') ) // 输出 -1 如果数组中含有判断值，则返回这个值在数组中的下标值。 没有这个值，则返回-1 includes判断数组中是否含有某一值 var arr = [1,2,3,4,5,6] console.log
Python中的for循环与Java有何异同？
最新发布
09-28
Python中的for循环和Java中的for循环都有相似之处，主要用于遍历序列（如列表、元组或字符串）或集合中的元素。它们的基本结构也非常相似： - **Python**: ```python for variable in sequence: # 循环体 ``` 这里的`variable`会在每一轮迭代中依次取到`sequence`中的元素。 - **Java**: ```java for (Type variable : sequence) { // 循环体 } ``` Java的语法稍微复杂一些，`Type`是对序列元素类型的声明，`sequence`是一个实现了Iterable接口的对象。 然而，两者也存在一些差异： 1. **Python**允许对任意可迭代对象进行迭代，包括生成器表达式和字典，而Java则需要显式地声明序列。 2. **Python**的for循环不会隐含地创建一个新的索引或下标，而Java则会（如`List`的`index`）。 3. **Python**支持`break`和`continue`关键字在循环内部改变流程，Java也有类似的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值