js_Array类型_find和findIndex

目录

  • 这是ES6新增的方法

find

find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined。

 <p id="demo"></p><!--显示18--> <button onclick="myFunction()">click</button> <script> var ages=[3,10,18,20]; function myFunction(){ document.getElementById("demo").innerHTML=ages.find((item,index,array)=>{ return item>=18; }); } </script>

findIndex

findIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置。
find为数组中每一个元素都调用一次函数执行:

  • 当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。
  • 如果没有符合条件的元素返回 -1
    code:array.findIndex(function(item,index,array),this值);
 <p>点击按钮获取数组中年龄大于 18 的第一个元素索引位置。</p> <button onclick="myFunction()">点我</button> <p id="demo"></p><!--显示2--> <p><strong>注意:</strong> IE 11 及更早版本不支持 findIndex() 方法。</p> <script> var ages = [3, 10, 18, 20]; function myFunction(){ document.getElementById("demo").innerHTML=ages.findIndex((item,index,array)=>{ return item>=18; }) } //array.findIndex(function(item,index,array)) </script>

相关文章