使用递归算法深度收集数据结构中的点位信息

这是一个递归遍历算法 ,能够从任意复杂的嵌套数据结构(对象或数组)中,自动提取并收集特定的点位信息。无论数据结构的层级有多深、结构多么复杂,该算法都能智能地遍历所有节点,找到并收集目标数据。

普通版本

javascript 复制代码
/**
 * 递归收集对象或数组中的所有点位信息
 * @param {Object|Array} data - 要遍历的数据结构
 * @param {Array} points - 收集到的点位数组(内部使用,调用时可省略)
 * @returns {Array} 包含所有点位信息的数组
 */
const collectPoints = (data, points = []) => {
    // 基础类型和null值直接返回
    if (!data || typeof data !== 'object') {
        return points;
    }

    // 处理数组
    if (Array.isArray(data)) {
        data.forEach(item => collectPoints(item, points));
        return points;
    }

    // 处理对象
    // 如果存在point属性,则收集该点位
    if (typeof data.point === 'string') {
        points.push({
            name: data.name || data.point,
            point: data.point
        });
    }

    // 递归遍历对象的所有属性值
    Object.values(data).forEach(value => {
        if (value && typeof value === 'object') {
            collectPoints(value, points);
        }
    });

    return points;
};

加强版本

javascript 复制代码
/**
 * 通用递归收集函数
 * @param {Object|Array} data - 要遍历的数据结构
 * @param {Object} options - 配置选项
 * @param {string} options.targetKey - 要收集的目标字段名
 * @param {string} [options.nameKey='name'] - 作为名称的字段名
 * @param {Array} collection - 收集到的数组(内部使用)
 * @returns {Array} 收集到的数据数组
 */
const collectDataRecursively = (data, options, collection = []) => {
    const { targetKey, nameKey = 'name' } = options;
    
    if (!data || typeof data !== 'object') {
        return collection;
    }

    if (Array.isArray(data)) {
        data.forEach(item => collectDataRecursively(item, options, collection));
        return collection;
    }

    // 收集目标字段
    if (data[targetKey] !== undefined) {
        collection.push({
            name: data[nameKey] || data[targetKey],
            value: data[targetKey]
        });
    }

    // 递归处理对象属性
    Object.values(data).forEach(value => {
        if (value && typeof value === 'object') {
            collectDataRecursively(value, options, collection);
        }
    });

    return collection;
};
相关推荐
朝阳58133 分钟前
rust 交叉编译指南
开发语言·后端·rust
冴羽42 分钟前
请愿书:Node.js 核心代码不应该包含 AI 代码!
前端·javascript·node.js
mmmmm123421 小时前
深入 DOM 查询底层:HTMLCollection 动态原理与 querySelectorAll 静态快照解析
前端·javascript
淸湫1 小时前
前端JavaScript:数据类型、实例对象 、内置对象、构造函数之间的关系
javascript
量子炒饭大师1 小时前
【C++ 进阶】Cyber霓虹掩体下的代码拟态——【面向对象编程 之 多态】一文带你搞懂C++面向对象编程中的三要素之一————多态!
开发语言·c++·多态
别看我只是一直狼2 小时前
从观察者模式到 RxJS:让复杂的异步逻辑变得优雅又舒服
javascript
|晴 天|2 小时前
我如何用Vue 3打造一个现代化个人博客系统(性能提升52%)
前端·javascript·vue.js
风止何安啊2 小时前
网页都知道要双向握手才加载!从 URL 到页面渲染,单向喜欢连 DNS 都解析不通
前端·javascript·面试
xiaoshuaishuai82 小时前
C# 实现百度搜索算法逆向
开发语言·windows·c#·dubbo
GISer_Jing2 小时前
LangChain.js + LangGraph.js 前端AI开发实战指南
前端·javascript·langchain