js教程

find findIndex indexOf索引选择器使用方法

我的站长站 2024-01-13 人阅读

find使用方法

find方法是ES6引入的一种数组方法,可以用来查找数组中符合条件的元素。

语法是:

array.find(callback(element[, index[, array]])[, thisArg])

callback是一个函数,用来测试每个元素是否符合条件。callback函数接收三个参数,分别是当前遍历的元素、元素的索引、原数组本身。当找到符合条件的元素时,find方法会返回该元素的值。如果没有找到符合条件的元素,则返回undefined。

例如:使用find方法查找数组中第一个>6的元素

const numbers = [1, 3, 5, 7, 9];
const result = numbers.find(element => element > 6);
console.log(result); // 7

在callback函数中,我们使用箭头函数语法,检查每个元素是否>6,因为7是第一个>6的元素,索引find方法返回7作为结果。  

findIndex使用方法

findIndex方法也可用来查找数组中符合条件的元素,返回符合条件的元素在数组中的索引。

语法:

array.findIndex(callback(element[, index[, array]])[, thisArg])

当找到符合条件的元素时,findIndex方法会返回该元素在数组中的索引。如果没有找到符合条件的元素,则返回-1。

例如:使用findIndex方法查找数组中第一个>6的元素的索引

const numbers = [1, 3, 5, 7, 9];
const result = numbers.findIndex(element => element > 6);
console.log(result); // 3

因为7是第一个>6的元素,他的索引是3,所以findIndex方法返回3作为结果。

indexof使用方法

indexof方法,可以用来查找数组中指定元素的位置。

语法:array.indexOf(searchElement[, fromIndex])

searchElement是要查找的元素,fromIndex是可选参数,表示从哪个索引开始查找。当找到指定元素时,indexof方法会返回该元素所在数组中的索引,如果没有找到则返回-1。

例如:使用indexof方法查找数组中7的索引

const numbers = [1, 3, 5, 7, 9];
const result = numbers.indexOf(7);
console.log(result); // 3

因为7的索引是3,所以indexof方法返回3作为结果。

最新更新
  • js返回上一页、刷新页面代码大全

    返回上一页代码:<a href="javascript:history.go(-1)">返回上一页</a>onclick返回上一页代码:<a href="javasc...

    js教程 2天前
  • js语言!=与!==的区别

    != (不等于)!= 是松散的不等于运算符。它在比较两个值时,会先进行类型转换(type coercion),然后再比较值是否不...

    js教程 6天前
  • JS防止网站被扒的解决方法

    这个代码能够直接保护整个站,而不再是单个页面,直接把代码放到自己的网站上,如果是博客建议放到header.php头部...

    js教程 3周前
  • Hexo插件开发实战教程

    Hexo的插件嵌入有两种方式,一种是通过脚本(Scripts)的方式引入,一种是通过插件(Packages)的方式将自定义的插件内...

    js教程 1个月前
  • JavaScript定时删除指定元素方法

    JavaScript定时删除指定元素一般用到自动隐藏的效果功能上面,主要用到了JS的setTimeout语法。下面是一个定时...

    js教程 1个月前