Javascript 中的 find()函数

首页 / JavaScript入门教程 / Javascript 中的 find()函数

JavaScript find()方法用于获取满足所提供条件的数组中第一个元素的值。 find()方法对数组中存在的每个元素一次应用该函数。如果在数组中找到该函数并且不检查剩余值,则该函数返回一个真值。否则,它返回undefined。

  • find()不对空数组执行该函数。
  • find()不会更改原始值。

find - 语法

array.find(function(value, index, arr))

find - 参数

value(必填) - 当前元素的值。

index(可选) - 当前元素的数组索引。

Arr                 - 当前元素所属的数组对象。

find - 返回值

如果数组中的元素满足条件,则返回数组元素值,否则返回未定义。

find - 浏览器支持

Chrome 45.0
Edge 7.1
Firefox 25.0
Opera 32.0

find - 例子1

JavaScript数组find()方法

<script type="text/javascript">
// JavaScript to illustrate find() method
function JavaTpoint(value)
{
return value >12;
}
//Input array
var arr = [1,2,3,4,5,6,7,8,9,12,11,14];
var result = arr.find(JavaTpoint);
document.write(result) 
// expected output: arr[Output:14]
</script> 

输出:

14

find - 例子2

JavaScript数组find()方法

<script type="text/javascript">
// JavaScript to illustrate find() method
function JavaTpoint(value)
{
return value ==15;
}
//Input array
var arr = [1,2,3,4,5,6,7,8,9,12,11,14];
var result = arr.find(JavaTpoint);
document.write(result) 
// expected output: arr[Output: undefined] 
</script> 

输出:

Undefined

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

Kafka核心技术与实战 -〔胡夕〕

DevOps实战笔记 -〔石雪峰〕

MongoDB高手课 -〔唐建法(TJ)〕

分布式协议与算法实战 -〔韩健〕

微信小程序全栈开发实战 -〔李艺〕

流程型组织15讲 -〔蒋伟良〕

说透5G -〔杨四昌〕

手把手带你写一门编程语言 -〔宫文学〕

深入拆解消息队列47讲 -〔许文强〕

好记忆不如烂笔头。留下您的足迹吧 :)