如何使用嵌套对象中的值获取所有键

Question

我正在寻找类似于Object.keys的东西，但它适用于潜在的嵌套对象。它也不应该包含具有对象/数组值的键（它应该只包含具有直接字符串/数字/布尔值的键）。

示例A

输入

{
   "check_id":12345,
   "check_name":"Name of HTTP check",
   "check_type":"HTTP"
}

预期输出

[
  "check_id",
  "check_name",
  "check_type"
]

Object.keys适用于像这样的扁平案例，但不适用于嵌套案例：

例B

输入

{
   "check_id":12345,
   "check_name":"Name of HTTP check",
   "check_type":"HTTP",
   "tags":[
     "example_tag"
   ],
   "check_params":{
      "basic_auth":false,
      "params":[
        "size"
      ],
      "encryption": {
        "enabled": true,
      }
   }
}

预期输出

[
  "check_id",
  "check_name",
  "check_type",
  "check_params.basic_auth",
  "check_params.encryption.enabled"
]

请注意，这不包括tags，check_params，check_params.params或check_params.encryption，因为这些值是数组/对象。

问题

有没有这样做的图书馆？你将如何实现它，以便它可以使用任何对象，大型和嵌套，或小？

Answer 1

您可以像这样使用reduce：

＆＃13;

＆＃13;

const keyify = (obj, prefix = '') => 
  Object.keys(obj).reduce((res, el) => {
    if( Array.isArray(obj[el]) ) {
      return res;
    } else if( typeof obj[el] === 'object' && obj[el] !== null ) {
      return [...res, ...keyify(obj[el], prefix + el + '.')];
    } else {
      return [...res, prefix + el];
    }
  }, []);

const input = {
   "check_id":12345,
   "check_name":"Name of HTTP check",
   "check_type":"HTTP",
   "tags":[
     "example_tag"
   ],
   "check_params":{
      "basic_auth":false,
      "params":[
        "size"
      ],
      "encryption": {
        "enabled": true,
        "testNull": null,
      }
   }
};

const output = keyify(input);

console.log(output);

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以检查密钥并迭代，否则将路径推送到结果集。

function getKeys(object) {
    function iter(o, p) {
        if (Array.isArray(o)) { return; }
        if (o && typeof o === 'object') {
            var keys = Object.keys(o);
            if (keys.length) {
                keys.forEach(function (k) { iter(o[k], p.concat(k)); });
            }
            return;
        }
        result.push(p.join('.'));
    }
    var result = [];
    iter(object, []);
    return result;
}

var object = { check_id: 12345, check_name: "Name of HTTP check", check_type: "HTTP", tags: ["example_tag"], check_params: { basic_auth: false, params: ["size"], encryption: { enabled: true } } };

console.log(getKeys(object));

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

您可以使用for...in并创建递归函数。

var obj = {"check_id":12345,"check_name":"Name of HTTP check","check_type":"HTTP","tags":["example_tag"],"check_params":{"basic_auth":false,"params":["size",{"a":"b"}],"encryption":{"enabled":true}}}

var keys = []
function getKeys(data, k = '') {
  for (var i in data) {
    var rest = k.length ? '.' + i : i

    if (typeof data[i] == 'object') {
      if (!Array.isArray(data[i])) {
        getKeys(data[i], k + rest)
      }
    } else keys.push(k + rest)
  }
}

getKeys(obj)
console.log(keys)

Answer 4

这是你的意思吗？

http://jsfiddle.net/robbiemilejczak/hfe12brb/1/

我无法使用vanilla JS，这是一个非常hacky解决方案，依赖于lodash。基本上利用lodash _.forIn和_.isArray函数来迭代对象。此外，这只会深入1层，因此嵌套对象内的对象将被忽略。它确实产生了你的预期输出，所以我说这是一个不错的起点。

Answer 5

这是你可以做到的一种方式

const isPlainObject = x =>
  Object (x) === x && ! Array.isArray (x)

const formatKey = (...segments) =>
  segments .join ('.')

const deepKeys = (o, pre = [], acc = []) =>
  Object
    .keys (o)
    .reduce
      ( (acc, k) =>
          isPlainObject (o [k])
            ? [ ...acc, ...deepKeys (o [k], [ ...pre, k ], acc) ]
            : [ ...acc, formatKey (...pre, k) ]
      , []
      )

const data =
  { a: 1
  , b: 2
  , c: { d: 3
       , e: [ 4, 'a', 'b', 'c' ]
       , f: { g: 5
            , h: 6 
            } 
       }
  }
 
console .log (deepKeys (data))
// [ 'a'
// , 'b'
// , 'c.d'
// , 'c.e'
// , 'c.f.g'
// , 'c.f.h'
// ]