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

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

返回给定数组中满足提供的测试函数的第一个元素的索引。否则返回-1。

  • 一旦找到满足测试功能的元素,它就不会执行该功能。
  • 它不会更改原始数组。

句法:

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

参数:

  • function: -为数组中的每个元素运行的函数。
  • currentValue: -当前元素的值。
  • index: -当前元素的数组索引。
  • array: -当前元素所属的数组对象。
  • thisValue: -要传递给函数的值,用作其“this”值。
    如果此参数为空,则值“undefined”将作为其“this”值传递。

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

方法 Chrome Inter Explorer Firefox Safari Opera
findIndex() YES No YES YES YES

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

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

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

</body>
</html>

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

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

<p>点击按钮返回符合大于输入框中指定数字的数组元素索引。</p>
<p>最小年龄: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">点我</button>

<p>索引: <span id="demo"></span></p>

<p><strong>注意:</strong> IE 11 及更早版本不支持 findIndex() 方法。</p>

<script>
var ages = [4, 12, 16, 20];

function checkAdult(age) {
    return age >= document.getElementById("ageToCheck").value;
}

function myFunction() {
    document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}
</script>

</body>
</html>


尝试一下 >>

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

    发表笔记

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

    更多阅读