Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将Json数据转换为typescript模型_Javascript_Json_Angular_Typescript - Fatal编程技术网

Javascript 将Json数据转换为typescript模型

Javascript 将Json数据转换为typescript模型,javascript,json,angular,typescript,Javascript,Json,Angular,Typescript,我有一个json文件,我想创建一个模型,使用数据列表(部门编号和名称)自动完成使用,我找到了网站json2ts.com,但它不再工作了。 你能给我举个例子吗 { "regions": { "alsace": [67, 68], "aquitaine": [40, 47, 33, 24, 64], "auvergne": [43, 3, 15, 63], "basse-normandie": [14, 61, 50],

我有一个json文件,我想创建一个模型,使用数据列表(部门编号和名称)自动完成使用,我找到了网站json2ts.com,但它不再工作了。 你能给我举个例子吗

{
    "regions": {
        "alsace": [67, 68],
        "aquitaine": [40, 47, 33, 24, 64],
        "auvergne": [43, 3, 15, 63],
        "basse-normandie": [14, 61, 50],
        "bourgogne": [21, 58, 71, 89],
        "bretagne": [29, 35, 22, 56],
        "centre": [45, 37, 41, 28, 36, 18],
        "champagne-ardenne": [10, 8, 52, 51],
        "corse": ["2b", "2a"],
        "franche-compte": [39, 25, 70, 90],
        "haute-normandie": [27, 76],
        "languedoc-roussillon": [48, 30, 34, 11, 66],
        "limousin": [19, 23, 87],
        "lorraine": [55, 54, 57, 88],
        "midi-pyrennees": [46, 32, 31, 12, 9, 65, 81, 82],
        "nord-pas-de-calais": [62, 59],
        "pays-de-la-loire": [49, 44, 72, 53, 85],
        "picardie": [2, 60, 80],
        "poitou-charentes": [17, 16, 86, 79],
        "provences-alpes-cote-dazur": [4, 5, 6, 13, 84, 83],
        "rhones-alpes": [38, 42, 26, 7, 1, 74, 73, 69],
        "ile-de-france": [77, 75, 78, 93, 92, 91, 95, 94]
    },
    "departments": {
        "2a": {
            "name": "Corse-du-Sud",
            "formatted_name": "corse-du-sud"
        },
        "2b": {
            "name": "Haute-Corse",
            "formatted_name": "haute-corse"
        },
        "01": {
            "name": "Ain",
            "formatted_name": "ain"
        },
        "02": {
            "name": "Aisne",
            "formatted_name": "aisne"
        },
        "03": {
            "name": "Allier",
            "formatted_name": "allier"
        },
     ...
}
你能给我一个建议吗? 至少对各部门来说是这样。 在这种情况下,创建接口或类更好吗?
谢谢。

对于地区,您可以将此界面用于当前数据:

interface Regions {
 [name: string]: number[];
}
这将为一个对象创建一个接口,该对象可以使用任何字符串作为键,并且每个属性的值必须是一个数字数组(上面对象中的“区域”属性与此描述匹配)

对于部门,我建议将其分为两个接口,如下所示:

interface Departments {
  [id: string]: Department;
}

interface Department {
  name: string;
  formatted_name: string;
}
现在,“departments”对象的每个成员都可以有任何键,只要它是字符串,并且必须附加到department。看起来您的数据要求每个部门都有一个名称和一个格式化的名称(不多也不少),我在上面的界面
department
中表示了这一点

那么你的整个物体看起来是这样的:

interface WholeThing {
  regions: Regions;
  departments: Departments;
}

对于区域,您可以对当前数据使用此界面:

interface Regions {
 [name: string]: number[];
}
这将为一个对象创建一个接口,该对象可以使用任何字符串作为键,并且每个属性的值必须是一个数字数组(上面对象中的“区域”属性与此描述匹配)

对于部门,我建议将其分为两个接口,如下所示:

interface Departments {
  [id: string]: Department;
}

interface Department {
  name: string;
  formatted_name: string;
}
现在,“departments”对象的每个成员都可以有任何键,只要它是字符串,并且必须附加到department。看起来您的数据要求每个部门都有一个名称和一个格式化的名称(不多也不少),我在上面的界面
department
中表示了这一点

那么你的整个物体看起来是这样的:

interface WholeThing {
  regions: Regions;
  departments: Departments;
}

对于VScode IDE(Angular Dev首选IDE),我建议您添加插件,提供将JSON转换为Typescript的功能。可能的解决方案可以是和


我希望这可能会有所帮助。

对于VScode IDE(对于Angular Dev来说,首选IDE),我建议您添加插件,提供将JSON转换为Typescript的功能。可能的解决方案可以是和


我希望这可能会有所帮助。

Ajay回答中提到的一个VSCode插件可以在线试驾:我注意到你是新手,非常欢迎!如果你觉得它正确回答了你的问题,请考虑“接受”一个答案。阿杰伊回答中提到的VSCODE插件之一可以在线测试:我注意到你是新来的-欢迎!如果你觉得答案正确,回答“接受”一个答案(通过点击复选标记)。这很好,一个新的解决方案很棒,一个新的解决方案。