读取 json 文件数组中的数组

Question

我正在构建一个将数据从 JSON 文件输出到表中的站点，但是我在获取要输出的内容时遇到了问题。这个 JSON 文件是从另一个显示文档的站点生成的，而我的站点只是创建一个表格以便于搜索这些文档。2 个文档的示例 JSON：    [{        "title": "SampleTitleA",        "lang": "en-US",        "lastEdition": "2020-07-28",        "version": "1.0",        "metadata": [        {            "key": "sampleKeyA1",            "label": "sampleLabelA1",            "values": ["sampleValueA1"]        },        {            "key": "sampleKeyA2",            "label": "sampleLabelA2",            "values": ["sampleValueA2"]        }]    },    {        "title": "SampleTitleB",        "lang": "en-US",        "lastEdition": "2020-07-28",        "version": "1.0",        "metadata": [        {            "key": "sampleKeyB1",            "label": "sampleLabelB1",            "values": ["sampleValueB1"]        },        {            "key": "sampleKeyB2",            "label": "sampleLabelB2",            "values": ["sampleValueB2"]        }]    }]我为此使用 DataTables ( https://datatables.net/examples/ajax/deep.html ) 并尝试按照它描述的去做。它并没有真正涵盖读取数组中的数组。创建了一个表，但没有填充，并且在控制台中没有显示任何错误。有没有人为此目的使用数据表的经验？

Answer 1

检查这是否可以帮助您。

var data = {

    "title": "SampleTitle",

    "lang": "en-US",

    "lastEdition": "2020-07-28",

    "version": "1.0",

    "metadata": [

    {

        "key": "sampleKey1",

        "label": "sampleLabel1",

        "values": ["sampleValue1"]

    },

    {

        "key": "sampleKey2",

        "label": "sampleLabel2",

        "values": ["sampleValue2"]

    }]

}

var result = { data: data.metadata[1].values[0], "defaultContent": "-" }

console.log(result);

Answer 2

您的 JSON 数据结构是一个数组——所有内容都包含在一个中[...]——因此 DataTables 可以遍历该数组以生成其表行。

data这是一个示例，其中除了列定义（和列标题）外，所有内容都从您的代码中删除：

<script type="text/javascript">

 $(document).ready(function() {

    $('#example').DataTable({

        ajax: {

          // my test URL:

          url: 'http://localhost:7000/sample2',

          dataSrc: ''

        },

        "columns": [

          { title: 'Title', data: 'title' },

          { title: 'Language', data: 'lang' },

          { title: 'Key', data: 'metadata[0].key' },

          { title: 'Label', data: 'metadata[0].label' },

          { title: 'First Value', data: 'metadata[0].values[0]' }

        ]

    } );

  } );

</script>

这会生成一个如下所示的表：

这是如何运作的？

默认情况下，DataTables 期望 JSON 结构为以下之一：

1. 包含其他对象数组的对象：

{ "data": [ {...},{...},... ] }

1. 包含数组数组的对象：

{ "data": [ [...],[...],... ] }

在这两种情况下，数组都有一个名称（在本例中为data）。

在您的情况下，如前所述，您的数据只是一个普通的对象数组：

[ {...}, {...},... ]

因为数组没有名称，所以我们需要dataSrc: ''在 DataTable 定义中使用它来表示缺少名称。

之后，您可以引用需要显示的值，例如data: 'title'.

对于该metadata部分，它本身就是一个引用对象数组的标签：

"metadata": [ {...} ]

但是，在这种情况下，数组只包含一个对象。我们可以使用[0]- 引用元数据数组中的第一个对象，然后我们可以访问该对象中的值 - 例如，通过使用：data: 'metadata[0].label'。