javascript - 在 javascript 上从真正嵌套的 json 数组中获取值

Question

如何从深度嵌套的 json 数组中获取值。
我需要从下面的 json 中获取所有对(nameValue 和 value)

  var json = [{
                name: 'Firstgroup',
                elements: [{
                    name: 'Field1',
                    elements: [{
                        name: 'country32',
                        elements: [{
                            nameValue: 'city1',
                            value: 2025
                        }]
                    }]
                },
                    {
                        name: 'Field2',
                        elements: [{
                            name: 'country22',
                            elements: [{
                                nameValue: 'city2',
                                value: 1875
                            }]
                        },
                            {
                                name: 'country12',
                                elements: [{
                                    nameValue: 'city3',
                                    value: 1810
                                }]
                            }]
                    }]
            },
                {
                    name: 'Secondgroup',
                    elements: [{
                        name: 'Field1',
                        elements: [{
                            name: 'country52',
                            elements: [{
                                nameValue: 'city4',
                                value: 1310
                            },
                                {
                                    nameValue: 'city5',
                                    value: 1125
                                }]
                        }]
                    },
                        {
                            name: 'Field3',
                            elements: [{
                                name: 'country42',
                                elements: [{
                                    nameValue: 'city6',
                                    value: 1100
                                }]
                            }]
                        }]
                }];

我设法通过下面的代码片段获得了第一对

 function getDataProvider(array)
    {
        var dataPoint = [];
        var elements = 'elements';
        var name = 'nameValue';
        var value = 'value';

        var i, j, len;

       for (j = 0; j < array.length; j++) {
           i = array[j];
           if (i[elements]) {
               this.getDataProvider(i[elements]);
            } else {
               dataPoint.push({
                   name: i[name],
                   value: i[value]
               });
            }
        }
       return dataPoint;
    }    

鉴于此 json 是动态的，其深度未知，但它将包含(名称值和值)对，我如何从上述 json 中获取所有对

Answer 1

您可以创建一个递归函数，当它有更多元素时调用自身，并在遇到结果时将值添加到其结果中。

var getNameAndValues = function(arr) {
  var nameValuePairs = [];
  for (var i = 0, len = arr.length; i < len; i++) {
    var item = arr[i];
    if (item.value && item.nameValue) {
      nameValuePairs.push(item);
    }
    if (item.elements) {
      nameValuePairs = nameValuePairs.concat(getNameAndValues(item.elements));
    }
  }
  return nameValuePairs;
};

var json = [{
                name: 'Firstgroup',
                elements: [{
                    name: 'Field1',
                    elements: [{
                        name: 'country32',
                        elements: [{
                            nameValue: 'city1',
                            value: 2025
                        }]
                    }]
                },
                    {
                        name: 'Field2',
                        elements: [{
                            name: 'country22',
                            elements: [{
                                nameValue: 'city2',
                                value: 1875
                            }]
                        },
                            {
                                name: 'country12',
                                elements: [{
                                    nameValue: 'city3',
                                    value: 1810
                                }]
                            }]
                    }]
            },
                {
                    name: 'Secondgroup',
                    elements: [{
                        name: 'Field1',
                        elements: [{
                            name: 'country52',
                            elements: [{
                                nameValue: 'city4',
                                value: 1310
                            },
                                {
                                    nameValue: 'city5',
                                    value: 1125
                                }]
                        }]
                    },
                        {
                            name: 'Field3',
                            elements: [{
                                name: 'country42',
                                elements: [{
                                    nameValue: 'city6',
                                    value: 1100
                                }]
                            }]
                        }]
                }];

var result = getNameAndValues(json);
var asString = "";
for (var i = 0, len = result.length; i < len; i++) {
  var item = result[i];
  asString += item.nameValue + ": " + item.value + "<br/>";
}
document.body.innerHTML = asString;