详解indexOf lastIndexOf includes findIndex find

最新推荐文章于 2022-04-26 14:06:58 发布
最新推荐文章于 2022-04-26 14:06:58 发布
阅读量702 收藏
点赞数 1
分类专栏： JS高级部分(从数组开始的!!!)
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37805832/article/details/108721411
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<script type="text/javascript">
		let arr=[1,3,5,7,9];
		 // 从左往右查找, 找到返回索引, 找不到返回-1
		 /*let a=arr.indexOf(9);
		 console.log(a);
		  // 从右至左查找, 找到返回索引, 找不到返回-1
		  let b=arr.lastIndexOf(0);
		  console.log(b);
		  // 从左往右查找, 找到返回true, 找不到返回false
		  let c=arr.includes(3);
		  console.log(c);
		    // 1.数组的findIndex方法
        // findIndex方法: 定制版的indexOf, 找到返回索引, 找不到返回-1
       /* let d=arr.findIndex(function(a,b,c)
        	{
               console.log(a,b,c);
               if(a===7)
               {
                      return true;
               }
        	});
        console.log(d);
        */
          // 2.数组的find方法
        // find方法返回索引, find方法返回找到的元素
        // find方法如果找到了就返回找到的元素, 如果找不到就返回undefined
        /*let e=arr.find(function(currentValue, currentIndex, currentArray)
        	{
        		if(currentValue === 7){
                return true;
            }
        	});
        console.log(e);
*/

	</script>
</body>
</html>
贵哥的编程之路(热爱分享)
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
indexOf 与 lastIndexOf
Ynzo的博客
11-07 1096
indexOf 和 lastIndexOf 是什么？ 　　indexOf 和 lastIndexOf 都是索引文件 　　indexOf是查某个指定的字符串在字符串首次出现的位置（索引值）（也就是从前往后查） lastIndexOf是从右向左查某个指定的字符串在字符串中最后一次出现的位置（也就是从后往前查） eg： 注意：　　 那么问题...
js中substr,substring,indexOf,lastIndexOf的用法小结
10-26
今天我们将深入探讨其中四个常用的字符串操作函数：`substr()`, `substring()`, `indexOf()`, 和 `lastIndexOf()`。 1. **substr()**： `substr(start, length)` 方法用于从字符串中提取一部分，并返回一个新的...
数组五种查询条件方法(find、findindex、indexOf、lastindexOf 、includes)
热门推荐
gs981600308的博客
05-28 2万+
方法一、find() 方法返回数组中满足提供的测试函数的第一个元素的值。 语法： arr.find(callback[, thisArg]) 例一、find()方法 查找数组中第一个大于等于15的元素 var num = [10,3,5,15,100,1].find(function(elem, index){ return elem>=15; }); console.lo...
Js中的find,findIndex,indexof,includes
weixin_34007020的博客
04-12 2303
概述 js中的find,findIndex,indexof,includes都可以用来查找数组中的某一项，今天来对比一下. 测试代码地址 github.com/fanxuewen/e… 一、find find是用来查找满足条件的第一项，找到了就返回，找不到返回undefined.该方法不会改变原数组。使用方法如下 var findArr = [1, 2, 3, 4]; var res1 = fin...
indexOf方法和ES6的includes方法
wangcuiling_123的博客
11-13 1万+
includes和indexOf相比较：相同点：二者所传的参数是一样的，第一个参数传要判断的元素，第二个参数传开始检索的下标位置不同点：返回值不同1、indexOf：返回的是元素的所在下标，如果不存在则返回-1优点：元素存在可获取到元素的位置 缺点：(1)无法判断是否有NaN的元素(2)返回的值不够语义化，需要我们进行处理2、includes：返回一个Boolean值，有：true，没有：fals
ES6——find()、findindex()、indexof、includes()以及some
NanChen的博客
09-28 1300
find let ary = [{ id: 1, name: '张三' }, { id: 2, name: '李四' }, { id: 3, name: '李四' } ]; /* let target = ary.find((item,index)=>item.name === '李四2'); */ let target = ary.find(
ES6数组方法：indexOf，includes，find，findIndex，Array.from，Array.of，copyWithin，fill
weixin_46030679的博客
04-26 2533
ES6数组方法：indexOf，includes，find，findIndex，Array.from，Array.of，copyWithin，fill
indexOf 和 lastIndexOf 使用示例介绍
09-04
在JavaScript中，`indexOf`和`lastIndexOf`是两个非常重要的字符串方法，它们用于在字符串中查找特定子字符串的位置。这两个方法都返回子字符串在原字符串中的索引，如果找不到则返回-1。 首先，`indexOf`方法从...
javascript indexOf方法、lastIndexOf 方法和substring 方法
10-30
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
Oracle SQL中实现indexOf和lastIndexOf功能的思路及代码
09-10
这个函数具有多个参数，通过巧妙地使用这些参数，我们可以实现类似于Java或其他编程语言中的`indexOf`和`lastIndexOf`的功能。 `INSTR`的基本语法如下： ```sql INSTR(string, substring[, start_position[, ...
js中substr,substring,indexOf,lastIndexOf，split，replace的用法详解
10-23
主要介绍了js中substr,substring,indexOf,lastIndexOf，split，replace的用法详解的相关资料,需要的朋友可以参考下
js对象篇
qq_37805832的博客
11-07 5164
1.创建对象的三种方式: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>
isPrototypeOf详解
qq_37805832的博客
09-11 3326
/* 1.什么是isPrototypeOf属性 isPrototypeOf用于判断 一个对象是否是另一个对象的原型 */ /* 2.isPrototypeOf注意点 2.1只要调用者在传入对象的原型链上都会返回true */ <!DOCTYPE html> <html> <head> <title></title> </head&
JS数组(最全的数组最详解包括es6)
qq_37805832的博客
10-28 2379
数组第一： 问题？ 什么是数组？ 数组就是用来存储一组数据的东西。 注意：数组不是基本数据类型，他是引用数据类型。 简称对象类型。 问题？为什么呢？ 因为他的元素代表类一个一个对象啊。 问题？ 怎么创建一个数组？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body&g
JS中什么是函数，什么又是方法？？？
qq_37805832的博客
08-11 2218
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> /* 1.什么是函数? 函数就是没有和其它的类显示的绑定在一起的, 我们就称之为函数 2.什么是方法?
JS中工厂函数
qq_37805832的博客
08-11 2112
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> //工厂函数是专门创建对象的函数 function createPersion(myname,myage) { let obj=new Object();
js三角恋
qq_37805832的博客
11-11 1963
1.课程目标: 1.1:原型怎么写？ 1.2:prototype的特点是什么？ 1.3：对象的三角恋关系是怎么样的？
对象解构赋值详解
qq_37805832的博客
09-12 1436
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script type="text/jav
JS函数（号称最全最详解包括es6）
qq_37805832的博客
10-29 1309
第一绝： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> //什么是函数? /* 1.什么是函数? 函数是专门用于封装代码的, 函数是一段可以随时被反复执行的代码块
indexof与lastindexof
最新发布
08-25
`indexOf` 和 `lastIndexOf` 是 JavaScript 字符串的两个方法，用于查找字符串中指定子串的位置。 `indexOf` 方法返回第一次出现指定子串的索引位置，如果没有找到则返回 -1。例如： ```javascript let str = '...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

贵哥的编程之路(热爱分享)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值