Javascript 将Json数据转换为typescript模型
我有一个json文件,我想创建一个模型,使用数据列表(部门编号和名称)自动完成使用,我找到了网站json2ts.com,但它不再工作了。 你能给我举个例子吗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],
{
"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插件之一可以在线测试:我注意到你是新来的-欢迎!如果你觉得答案正确,回答“接受”一个答案(通过点击复选标记)。这很好,一个新的解决方案很棒,一个新的解决方案。