前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js实现 find 函数

js实现 find 函数

作者头像
蓓蕾心晴
发布2022-08-23 15:39:42
6040
发布2022-08-23 15:39:42
举报
文章被收录于专栏:前端小叙前端小叙
代码语言:javascript
复制
// arr:要查找的数组,predict:要查找的 key 字符串 或 [key,value] 数组,或 对象{key,value},fromIndex:要从数组中第一个元素开始查,默认为 0
function find(arr, predict, fromIndex = 0) {
    // 定义查找元素存在的函数,即当该函数满足条件,则说明可以找到,返回找到的第一个满足条件的对象
    let predictFn = null;
    // 如果 predict 传入的是字符串 key
    if (typeof predict === "string") {
        // 这里传入的 item 相当于遍历 arr 数组 中的某一条数据
        predictFn = (item) => item[predict];
    } else if (Array.isArray(predict)) {
        // 如果传入的是数组 [key,value]
        predictFn = (item) => item[predict[0]] === predict[1];
    } else if (Object.prototype.toString.call(predict) === "[object Object]") {
        // 如果传入的是对象 {key:value,key2:value2}
        let keys = Object.keys(predict);
        predictFn = (item) => {
            return keys.every((key) => item[key] === predict[key]);
        };
    }
    for (let i = fromIndex; i < arr.length; i++) {
        let item = arr[i];
        // 最终判断predictFn这个条件是否满足,满足则返回 item 即满足条件的整条数据
        if (predictFn(item)) {
            return item;
        }
    }
    return undefined;
}
console.log(
    find(
        [
            { a: 1, b: 2, c: 3 },
            { a: 4, b: 5, c: 6, d: 8 },
        ],
        "a"
    )
);
console.log(
    find(
        [
            { a: 1, b: 2, c: 3 },
            { a: 4, b: 5, c: 6, d: 8 },
        ],
        "d"
    )
);
console.log(
    find(
        [
            { a: 1, b: 2, c: 3 },
            { a: 4, b: 5, c: 6, d: 8 },
        ],
        ["a", 4]
    )
);
console.log(
    find(
        [
            { a: 1, b: 2, c: 3 },
            { a: 4, b: 5, c: 6, d: 8 },
        ],
        { a: 4 }
    )
);

参考链接:https://www.cnblogs.com/dont27/p/16364633.html

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-08-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档