目录
- 这是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>