位置:电子教程 > JavaScript对象大全 (如果看不到内容请使用360浏览器) 推荐学习资源
Array 对象
当前阅读教程:JavaScript对象大全 > find()方法
阅读(22555525)      收藏       赞(5685)      分享
上一篇: filter()方法 下一篇: findIndex()方法

基础语法

find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。

find() 方法为数组中的每个元素都调用一次函数执行:

当数组中的元素在测试条件时返回 true , find() 返回符合条件的元素,之后的值不会再调用执行函数。

如果没有符合条件的元素返回 undefined

注意: find() 对于空数组,函数是不会执行的。

注意: find() 并没有改变数组的原始值。

语法

array.find(function(currentValue, index, arr),thisValue)

参数说明

参数

描述

function(currentValue, index,arr)

必须。函数,数组中的每个元素都会执行这个函数
  函数参数:

参数描述currentValue必须。当前元素的值index可选。当前元素的索引值arr可选。当前元素属于的数组对象

thisValue

可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。
  如果省略了 thisValue ,"this"   的值为 "undefined"

 

示例

小白教程网www.2d5.net

代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>黄菊华老师:数组-方法-find</title>
</head>
 
<body>
    
<p>点击按钮获取数组中年龄大于 18 的第一个元素。 </p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
    
<script>
var ages = [32, 33, 16, 40]; //初始化数组
function chengnian(age) {    //自定义函数,根据传入的数值参数判断是否成年,返回true/false
    return age >= 18;
}
function myFunction() {
    document.getElementById("demo").innerHTML = ages.find(chengnian);//调用自定义函数
}
</script>
 
</body>
</html>

 

效果图

小白教程网www.2d5.net

image.png

上一篇: filter()方法 下一篇: findIndex()方法
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)