用json数据填充html模板

Question

我需要使用具有特定对象ID的Json数据填充html模板。

假设我的json数据位于名为mydata.json的文件中，如下所示：

[

    {

        "ID": "001",

        "title": "This is my title",

        "content": "This is my content"

    },

    {

        "ID": "002",

        "title": "This is my title",

        "content": "This is my content"

    },

    {

        "ID": "003",

        "title": "This is my title",

        "content": "This is my content"

    }

]

我如何才能加载该文件并仅用对象ID 002中的数据填充html模板？

Answer 1

您可以将数组转换为具有ID属性的对象：const contArr = [{    "ID": "001",    "title": "This is my title 1",    "content": "This is my content 1"  },  {    "ID": "002",    "title": "This is my title 2",    "content": "This is my content 2"  },  {    "ID": "003",    "title": "This is my title 3",    "content": "This is my content 3"  }];const contObj = contArr.reduce((o, c) => [o, o[c.ID] = c][0], {});console.log(contObj['002'].title);console.log(contObj['003'].content);