Блог

Я хочу создать интерфейс в typescript для получения этих значений:

 {
  "ABANDONED VEH": 4,
  "ADMINISTRATION": 4,
  "ALARM-BUS/RES": 4
}
  

Когда я пытаюсь использовать правильный интерфейс, который я создаю, я получаю сообщение об ошибке:

Тип string не может быть присвоен IMapping

Что я уже пробовал:

 export interface IMapping {
  [key: string]: { value: string };
}

export interface IMapping {
  key: any;
}

[key: string]: string;
  

PS. Вот мой реальный код:

файл interface.ts:

 export interface IMapping {
  [key: string]: number;
}
  

файл, который использует этот интерфейс:

 import { IMapping } from '../interfaces';
const mapping: IMapping =  '{'
    '"ABANDONED VEH": 4,'
    '"ADMINISTRATION": 4"}';
  

Это похоже на ввод ваших данных.

 interface IMapping {
  [key: string]: number;
}

const data: IMapping = {
  "ABANDONED VEH": 4,
  "ADMINISTRATION": 4,
  "ALARM-BUS/RES": 4
};
  

однако неясно, о чем вы говорите arrays (индексируемые), в этом случае вам может понадобиться список IMapping

 const list: IMappings[] = [
  {
    "ABANDONED VEH": 4,
    "ADMINISTRATION": 4,
    "ALARM-BUS/RES": 4
  },
  {
    "ABANDONED VEH": 5,
    "ADMINISTRATION": 5,
    "ALARM-BUS/RES": 5
  },
];
  

В соответствии с формой ваших данных, тип значения в вашем интерфейсе должен быть number , а не { value: string } :

 export interface IMapping {
  [key: string]: number;
}
  

Или, если вы хотите указать свойства:

 export interface IMapping {
  'ABANDONED VEH': number,
  'ADMINISTRATION': number,
  'ALARM-BUS/RES': number
}
  

Однако, согласно вашему сообщению об ошибке и вашему коду, вы присваиваете строку объекту типа IMapping , который является недопустимым.

Строка типа не может быть назначена для обмена сообщениями

 const mapping: IMapping =  '{'
    '"ABANDONED VEH": 4,'
    '"ADMINISTRATION": 4"}';
//                      ^ remove this and use JSON.parse()
  

Если вы знаете объект во время компиляции, то используйте буквальное выражение для его определения:

 const mapping: IMapping = {
  "ABANDONED VEH": 4,
  "ADMINISTRATION": 4,
  "ALARM-BUS/RES": 4
}
  

Если ваши данные поступают из API в строковом формате, то используйте для этого JSON.parse():

 const mapping: IMapping = JSON.parse('{"ABANDONED VEH": 4,"ADMINISTRATION": 4,"ALARM-BUS/RES": 4}');
  

Обратите внимание, однако, что ваша строка не является допустимым JSON, у вас есть конечная строка " после последней 4 .

Ваши значения — это числа, а не строки. Вы должны попробовать:

 export interface IMapping {
  [key: string]: number;
}
  

Ваша вторая версия с типом any не будет работать, потому что вы не использовали скобки — это будет ожидать свойство с ключом name, а не объект, подобный словарю.

Редактировать:

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

 const mapping: IMapping =  {
  "ABANDONED VEH": 4,
  "ADMINISTRATION": 4};