JavaScript手册 | JS Array 对象中的find()方法

作者: Arvin Chen 分类: js 来源: Break易站(www.breakyizhan.com)

arr.find()函数用于从数组中查找满足函数实现条件的第一个元素。如果多于一个元素满足条件,则返回满足条件的第一个元素。该函数的语法如下:

句法:

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

参数
此函数的参数是另一个函数,它定义要为数组的每个元素检查的条件。这个函数本身有三个参数:

  • array:这是调用.filter()函数的数组。
  • index:这是函数正在处理的当前元素的索引。
  • element:这是函数正在处理的当前元素。

另一个参数thisValue用于告诉函数在执行参数函数时使用此值。

返回值

返回符合测试条件的第一个数组元素值,如果没有符合条件的则回 undefined

JS Array 对象中的find()方法浏览器的兼容性

方法 Chrome Inter Explorer Firefox Safari Opera
find() YES YES YES YES YES

JS Array 对象中的find()方法的例子

find()方法返回数组中第一个满足回调函数测试的第一个元素的值。否则返回undefined。这里提供两个例子参考。

js array使用find()获取数组不被2整除的元素

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js array使用find()获取数组不被2整除的元素 - Break易站(breakyizhan.com)</title>
</head>
<body>

<p>点击按钮获取数组不被2整除的元素</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<p><strong>注意:</strong> IE 11 及更早版本不支持 find() 方法。</p>
<script>
var ages = [56, 91, 18, 88, 12];
function checkisodd(age) {
    return (age % 2 == 1);
}
function myFunction() {
    document.getElementById("demo").innerHTML = ages.find(checkisodd);
}
</script>

</body>
</html>


尝试一下 >>

js array使用find()返回数组 ages 中所有元素都大于输入框指定数值的元素

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js array使用find()返回数组 ages 中所有元素都大于输入框指定数值的元素 - Break易站(breakyizhan.com)</title>
</head>
<body>

<p>点击按钮返回数组 ages 中所有元素都大于输入框指定数值的元素。</p>
<p>最小年龄: <input type="number" id="ageToCheck" value="30"></p>
<button onclick="myFunction()">点我</button>
<p>所有大于指定数组的元素有? <span id="demo"></span></p>
<script>
var ages = [55, 77, 18, 90];
function checkAdult(age) {
    return age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
    document.getElementById("demo").innerHTML = ages.find(checkAdult);
}
</script>

</body>
</html>


尝试一下 >>

  •   本文标题:JavaScript手册 | JS Array 对象中的find()方法 - Break易站
    转载请保留页面地址:https://www.breakyizhan.com/js/6820.html
    扫描二维码添加微信 
  • ,领取淘宝优惠券,淘宝购物更优惠。现在添加微信,还可以领取机械键盘优惠券!添加微信后,分享淘宝选中的机械键盘给淘宝机器人即可领取!
    支持我们,就用微信淘宝!

    发表笔记

    电子邮件地址不会被公开。 必填项已用*标注

    更多阅读