12 # 手写 findIndex 方法

简介: 12 # 手写 findIndex 方法

findIndex 的使用

findIndex() 方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回 -1。

<script>
    var arr = [1, 3, 5, 7, 8];
    var result = arr.findIndex(function (ele, index, array) {
        console.log("ele----->", ele);
        console.log("index----->", index);
        console.log("array----->", array);
        return ele > 5;
    });
    console.warn("result----->", result);
</script>


手写 findIndex

<script>
    Array.prototype.kaimoFindIndex = function (fn) {
        for (let i = 0; i < this.length; i++) {
            // fn 是 kaimoFindIndex 中传递的参数,是一个函数,this 是 arr
            let res = fn(this[i], i, this);
            if (res) {
                return i;
            }
        }
        return -1;
    };
    var result2 = arr.kaimoFindIndex(function (ele, index, array) {
        console.log("ele---kaimoFindIndex-->", ele);
        console.log("index---kaimoFindIndex-->", index);
        console.log("array---kaimoFindIndex-->", array);
        return ele > 5;
    });
    console.warn("result2---kaimoFindIndex-->", result2);
</script>


如果条件改成大于50,找不到就返回 -1



目录
相关文章
|
6月前
13 # 手写 concat 方法
13 # 手写 concat 方法
52 0
|
2月前
|
JavaScript 前端开发
JavaScript遍历数组用splice方法删除元素,这样写可能有遗漏,你遇到过吗?
JavaScript遍历数组用splice方法删除元素,这样写可能有遗漏,你遇到过吗?
|
4月前
|
JavaScript
JS 数组去重(含简单数组去重【5种方法】、对象数组去重【2种方法】)
JS 数组去重(含简单数组去重【5种方法】、对象数组去重【2种方法】)
46 0
|
6月前
|
前端开发 JavaScript 开发者
遍历指南:JavaScript 中的 for、for-in、for-of 和 forEach 循环详解
遍历指南:JavaScript 中的 for、for-in、for-of 和 forEach 循环详解
110 3
数组去重的第二种方式indexof
数组去重的第二种方式indexof
43 0
|
6月前
|
索引
07 # 手写 find 方法
07 # 手写 find 方法
54 0
|
6月前
|
索引
06 # 手写 map 方法
06 # 手写 map 方法
50 0
|
Java API
最新Map遍历的5种方式
最新Map遍历的5种方式
112 0
|
前端开发
前端学习案例10-数组遍历方法2-foreach
前端学习案例10-数组遍历方法2-foreach
62 0
前端学习案例10-数组遍历方法2-foreach