使用javascript从本地json文件中过滤数据

Question

我想要做的是创建一个可以离线使用的应用程序。 我将数据存储在本地 json 文件中，我希望能够过滤该 json 数据，而无需将其硬编码到 javascript 文件中 - 这些只是我见过的示例。

这是我的 json 文件的一个简短示例：

[

    {
        "ID": 1 ,
        "name": "sub conjunctival haemorrhage",
        "score" : 1,
        "surgeryType": ["scleral buckle", "general", "ppv"] 
    },
    {
        "ID": 2,
        "name": "dry eye",
        "score": 5,
        "surgeryType":["general", "pr"]
    }

]

下面的这个过滤器有效，但我不知道如何在 javascript 文件中对数据进行硬编码。 我将如何按“手术类型”进行搜索，但仍将 json 保存在 json 文件中，而不是下面的内容？

<script>

    var jsonText = '[
              {
                 "ID":1,
                "name":"sub conjunctival haemorrhage",
                "score":1,
                "surgeryType":["scleral buckle","general","ppv"]},
              {
                 "ID":2,
                 "name":"dry eye",
                 "score":5,
                 "surgeryType":["scleral buckle","pr"]}]';

    var jsonArray = JSON.parse(jsonText);

    var surgerySearchTerm = "scleral buckle";
    var filtered = jsonArray.filter(jsonObject => 
    jsonObject.surgeryType.includes(surgerySearchTerm));

    console.log("Filtered below");
    console.log(filtered);
    
    

</script>

Answer 1

如果你只是想加载json文件是不可能的，但是你可以把它作为一个js文件加载，只需要稍微修改一下假设你的json文件名是data.js。 data.js 中的内容被炸了

 var jsonArray = [ { "ID": 1 , "name": "sub conjunctival haemorrhage", "score" : 1, "surgeryType": ["scleral buckle", "general", "ppv"] }, { "ID": 2, "name": "dry eye", "score": 5, "surgeryType":["general", "pr"] },..... ]

html代码是

 <script src='data.js'> <script> var surgerySearchTerm = "scleral buckle"; var filtered = jsonArray.filter(jsonObject => jsonObject.surgeryType.includes(surgerySearchTerm)); console.log("Filtered below"); console.log(filtered); </script>