当前阅读教程:JavaScript对象大全 > find()方法 | |||||||
阅读(22555525) 收藏 赞(5685) 分享 | |||||||
上一篇: filter()方法 | 下一篇: findIndex()方法 | ||||||
基础语法find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。 find() 方法为数组中的每个元素都调用一次函数执行: 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。 如果没有符合条件的元素返回 undefined 注意: find() 对于空数组,函数是不会执行的。 注意: find() 并没有改变数组的原始值。 语法array.find(function(currentValue, index, arr),thisValue) 参数说明
示例代码<!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>
效果图 |
|||||||
上一篇: filter()方法 | 下一篇: findIndex()方法 |