js_Array类型_find和findIndex

Posted 2021-03-07 Syinho

目录

• 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>