使用 lodash 列出所有可能的路径

Question

我想列出所有指向叶子的对象路径

示例：

var obj = {
 a:"1",
 b:{
  foo:"2",
  bar:3
 },
 c:[0,1]
}

结果：

"a","b.foo","b.bar", "c[0]","c[1]"

我想找到简单易读的解决方案，最好使用 lodash。

Answer 1

不使用 lodash，但这里是递归的：

var getLeaves = function(tree) {
    var leaves = [];
    var walk = function(obj,path){
        path = path || "";
        for(var n in obj){
            if (obj.hasOwnProperty(n)) {
                if(typeof obj[n] === "object" || obj[n] instanceof Array) {
                    walk(obj[n],path + "." + n);
                } else {
                    leaves.push(path + "." + n);
                }
            }
        }
    }
    walk(tree,"tree");
    return leaves;
}

Answer 2

我认为通过此函数提供该对象应该可以做到。

recursePaths: function(obj){
var result = [];
//get keys for both arrays and objects
var keys = _.map(obj, function(value, index, collection){
    return index;
});


//Iterate over keys
for (var key in keys) {
    //Get paths for sub objects
    if (typeof obj[key] === 'object'){
        var paths = allPaths(obj[key]);
        for (var path in paths){
            result.push(key + "." + path);
        }
    } else {
        result.push(key);
    }
}

return result;
}

Answer 3

这是一个以我能想到的多种方式使用 lodash 的解决方案：

function paths(obj, parentKey) {
  var result;
  if (_.isArray(obj)) {
    var idx = 0;
    result = _.flatMap(obj, function (obj) {
      return paths(obj, (parentKey || '') + '[' + idx++ + ']');
    });
  }
  else if (_.isPlainObject(obj)) {
    result = _.flatMap(_.keys(obj), function (key) {
      return _.map(paths(obj[key], key), function (subkey) {
        return (parentKey ? parentKey + '.' : '') + subkey;
      });
    });
  }
  else {
    result = [];
  }
  return _.concat(result, parentKey || []);
}

编辑：如果你真的只想要树叶，只需要最后一行的 return result。

Answer 4

这是我的功能。假设没有属性包含空格的名称

，它会生成所有可能的带点符号的路径

function getAllPathes(dataObj) {
    const reducer = (aggregator, val, key) => {
        let paths = [key];
        if(_.isObject(val)) {
            paths = _.reduce(val, reducer, []);
            paths = _.map(paths, path => key + '.' + path);
        }
        aggregator.push(...paths);
        return aggregator;
    };
    const arrayIndexRegEx = /\.(\d+)/gi;
    let paths = _.reduce(dataObj, reducer, []);
    paths = _.map(paths, path => path.replace(arrayIndexRegEx, '[]'));

    return paths;
}

Answer 5

根据 Nick 的回答，这里是相同代码的 TS/ES6 导入版本

import {isArray,flatMap,map,keys,isPlainObject,concat} from "lodash";

// See 
export function paths(obj: any, parentKey?: string): string[] {
  var result: string[];
  if (isArray(obj)) {
    var idx = 0;
    result = flatMap(obj, function(obj: any) {
      return paths(obj, (parentKey || '') + '[' + idx++ + ']');
    });
  } else if (isPlainObject(obj)) {
    result = flatMap(keys(obj), function(key) {
      return map(paths(obj[key], key), function(subkey) {
        return (parentKey ? parentKey + '.' : '') + subkey;
      });
    });
  } else {
    result = [];
  }
  return concat(result, parentKey || []);
}

Answer 6

这是我的解决方案。我这样做只是因为我觉得其他解决方案使用了太多逻辑。我的不使用 lodash，因为我认为它不会增加任何价值。它也不会使数组键看起来像 [0].

const getAllPaths = (() => {
    function iterate(path,current,[key,value]){
        const currentPath = [...path,key];
        if(typeof value === 'object' && value != null){
            return [
                ...current,
                ...iterateObject(value,currentPath) 
            ];
        }
        else {
            return [
                ...current,
                currentPath.join('.')
            ];
        }
    }

    function iterateObject(obj,path = []){
        return Object.entries(obj).reduce(
            iterate.bind(null,path),
            []
        );
    }

    return iterateObject;
})();

如果您需要一个使用 [] 索引键的索引，那么使用这个：

    const getAllPaths = (() => {
        function iterate(path,isArray,current,[key,value]){
            const currentPath = [...path];
            if(isArray){
                currentPath.push(`${currentPath.pop()}[${key}]`);
            }
            else {
                currentPath.push(key);
            }
            if(typeof value === 'object' && value != null){
                return [
                    ...current,
                    ...iterateObject(value,currentPath) 
                ];
            }
            else {
                return [
                    ...current,
                    currentPath.join('.')
                ];
            }
        }

        function iterateObject(obj,path = []){
            return Object.entries(obj).reduce(
                iterate.bind(null,path,Array.isArray(obj)),
                []
            );
        }

        return iterateObject;
    })();

Answer 7

const getAllPaths = (obj: object) => {
  function rKeys(o: object, path?: string) {
    if (typeof o !== "object") return path;
    return Object.keys(o).map((key) =>
      rKeys(o[key], path ? [path, key].join(".") : key)
    );
  }

  return rKeys(obj).toString().split(",").filter(Boolean) as string[];
};

const getAllPaths = (obj) => {
  function rKeys(o, path) {
    if (typeof o !== "object") return path;
    return Object.keys(o).map((key) =>
      rKeys(o[key], path ? [path, key].join(".") : key)
    );
  }

  return rKeys(obj).toString().split(",").filter(Boolean);
};

const test = {
  a: {
    b: {
      c: 1
    },
    d: 2
  },
  e: 1
}

console.log(getAllPaths(test))

Answer 8

const allEntries = (o, prefix = '', out = []) => {
        if (_.isObject(o) || _.isArray(o)) Object.entries(o).forEach(([k, v]) => allEntries(v, prefix === '' ? k : `${prefix}.${k}`, out));
        else out.push([prefix, o]);
        return out;
    };

数组返回为 .0 或 .1，与 lodash

的 _.get 兼容

使用 lodash 列出所有可能的路径

List all possible paths using lodash

javascript

lodash