web-dev-qa-db-ja.com

ネストされたオブジェクトから値を持つすべてのキーを取得する方法

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は含まれないことに注意してください。

質問

これを行うライブラリはありますか？大規模でネストされたオブジェクト、または小規模なオブジェクトで機能するように、どのように実装しますか？

javascriptarraysobjectrecursionjavascript-objects
6
trevordmiller

次のようにreduceを使用できます。

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
Olian04

キーを確認し、それ以外の場合は反復することができます。結果セットへのパスをプッシュします。

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; }
1
Nina Scholz

これがあなたがそれをすることができる1つの方法です

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'
// ]
0
Thank you

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)
0
Nenad Vracar