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

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

普通版本

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;
};
相关推荐
一颗烂土豆5 小时前
Meshopt 压缩深度解析,为什么它比 Draco 更快
前端·javascript·webgl
kyriewen8 小时前
同事每天催我 Code Review,我写了个脚本让 AI 替我 review PR——现在他反过来催 AI 了
前端·javascript·ai编程
weedsfly10 小时前
迭代器、生成器与异步迭代——让数据“按需流动”的艺术
前端·javascript
假如让我当三天老蒯10 小时前
前端跨域解决方案(学习用)
前端·javascript·面试
铁皮饭盒12 小时前
Bun 哪比 Node.js 快?
javascript·后端
JieE21220 小时前
LeetCode 56. 合并区间|超清晰 JS 图解思路,面试高频区间题
javascript·算法·面试
candyTong1 天前
RTK 技术原理:一次典型会话里,80% 上下文是怎么省下来的
javascript·后端·架构
_柳青杨1 天前
深入理解 JavaScript 事件循环
前端·javascript
大家的林语冰1 天前
ES5 凉凉,Babel 8 正式发布,默认不再编译为 ES5 和 CJS......
前端·javascript·前端工程化
weedsfly1 天前
异步编程全景与事件循环——彻底搞懂 JS 执行机制
前端·javascript