4

マルチレベルのjsonを解析するには?

Json 形式 (n レベルの深さ) :

    [
      {
        "attr" : {
        "id" : "97987"
      },
      "children" : [
            {
              "attr" : {
              "id" : "97988"
            },
            "children" : [
                  {
                    "attr" : {
                    "id" : "97992"
                  },
                  "data" : "tag5"
              }],
            "data" : "tag2"
        },
        {
          "attr" : {
              "id" : "97993"
          },
          "data" : "tag6"
        }
      ],
    "data" : "tag1"
  },
  {
    "attr" : {
        "id" : "97989",
    },
    "children" : [
          {
            "attr" : {
              "id" : "97990"
            },
            "data" : "tag4"
          }],
    "data" : "tag3"
  }
]

たとえば。私はすべての子供たちの「id」を読みたいです。
試してみ$.eachましたが、固定数のレベルを解析できます。

4

2 に答える 2

7

再帰を使用する必要があります。

function get_all_ids(data) {
    var result = [];

    $(data).each(function (i, element) {
        result.push(element.attr.id);

        if (element.children && element.children.length > 0) {
            var ids = get_all_ids(element.children);

            result = result.concat(ids); // or $.merge(result, ids);
        }
    });

    return result;
}
于 2013-02-18T08:51:43.350 に答える
2

$.each() を使用して、各オブジェクトのオブジェクトまたは配列をチェックします。

  1. オブジェクト インデックスが「id」の場合、id オブジェクトを結果配列にプッシュします
  2. オブジェクトが配列またはオブジェクトの場合、再帰的に呼び出します。
  3. そうでない場合は、戻ってください。

ここにいくつかのコードがあります。作業コードはhttp://jsfiddle.net/cwdoh/KKFCZ/にあります

function getAll( input, target ) {
    var result = [];

    function parseData( input, target ) {
        $.each( input, function ( index, obj ) {
            if ( index == target ) {
                result.push( obj );
            }
            else {
                switch ( $.type( obj ).toLowerCase() ) {
                case "object":
                case "array":
                    parseData( obj, target );
                    break;
                }
            }
        } );
    }

    parseData( data, "id" );

    return result;
}
于 2013-02-18T09:02:53.303 に答える