Блог

Мне трудно понять, как формируются типы объектов с учетом JSON. Например, у меня есть этот объект JSON, для которого мне нужно сформировать тип.

 // "Spokane, WA": {
  //   "My M": "M-Spokane-WA.json",
  //   "MY D": "D-Spokane-WA.json"
  // },
  // "Pondera, MT": {
  //   "My M": "M-Pondera-MT.json",
  //   "MY D": "D-Pondera-MT.json"
  // },
  

Правило, которому я следую, заключается в копировании JSON при создании объекта, а затем присвоении имен переменным. В итоге у меня получилось что-то вроде этого.

 export interface IStateType {
cityState: string {   // "Spokane, WA" is in quotes so seems like is coming in string.
My M :string  // "My M" is string .. How to show the  "M-Spokane-WA.json" part???
MY D: string  
}
}
  

оказалось, что это правильный способ выразить это

 export interface IStateType  {
     [cityState: string]: {
        ["My M"]: string;
        ["MY D"]: string;
      };
}
  

Может кто-нибудь, пожалуйста, объяснить, почему мы используем [] для cityState и почему вокруг моих M и My D есть кавычки, но не вокруг cityState?

————— Udpate 2 Из ссылки на подпись индекса

 interface StringArray {
  [index: number]: string;  // It says string is a return type..
}

let myArray: StringArray;
myArray = ["Bob", "Fred"];  // Is this the return mentioned above :string?

let myStr: string = myArray[0];  // Is myArray[0] this the [index:number] part of interfaces StringArray? 
  

Давайте разберем определение интерфейса.

 export interface IStateType  {
    [cityState: string]: <some value type definition>,
}
  

Здесь у нас определена сигнатура индекса. Подпись индекса позволяет интерфейсу иметь бесконечное количество свойств, соответствующих точному типу. Ключ должен иметь string тип, а значение должно быть <some value type definition>

Тогда вместо <some value type definition> , это на самом деле:

 {
    ["My M"]: string;
    ["MY D"]: string;
};
  

Это то же самое, что

 {
    "My M": string;
    "MY D": string;
};
  

Вы должны использовать кавычки вокруг My M и My D , потому что в строке есть пробелы. Если нет пробелов, вы могли бы использовать MyM and MyD напрямую, без кавычек.

Вы не можете использовать ["cityState"] вместо [cityState: string] , потому что именно так вы определяете подпись индекса.

Причина, по которой вы должны использовать [cityState: string] вместо cityState: string , заключается в том, что это позволяет передавать объект JSON произвольного числа городов-штатов и просто работает. Ваше исходное определение интерфейса принимает только один город-штат.

РЕДАКТИРОВАНИЕ 1: Примеры

Я вижу некоторые очевидные ошибки в вашем коде, поэтому вот исправленная версия.

 interface StringArray {
  [index: number]: string;
}

let myArray: StringArray;
myArray = {0: "Fred"};

let myStr: string = myArray[0]; // "Fred"
  

Каждое свойство в myArray должно иметь number as key и string as value . Это определено в коде [index: number]: string . Остальное не требует пояснений, imo.

Вот еще один пример:

 let myArray2: StringArray;
myArray2 = {
  4: "hello",
  7: "world",
  3643728: "enjoy",
  1: "good",
  5.2: "luck",  // 5.2 is a number
};

console.log(myArray2[5.2]); // Logs "luck"