Сталкнулся с такой проблемой.
Есть такой интерфейс:
interface dateAccessories {
day: number | string;
month: number | string;
year: number | string;
hours: number | string;
minutes: number | string;
}
И такая функция, где этот интерфейс используется:
export default function timeFormating(dateStr: string): timeCreation {
const dateObj: Date = new Date(dateStr);
const dateAccessories: dateAccessories = {
day: dateObj.getDate(),
month: dateObj.getMonth() + 1,
year: dateObj.getFullYear(),
hours: dateObj.getHours(),
minutes: dateObj.getMinutes(),
}
for (let accessory in dateAccessories) {
let value = dateAccessories[accessory];
if (value < 10) {
dateAccessories[accessory] = `0${value}`;
}
}
return {
date: `${dateAccessories.day}.${dateAccessories.month}.${dateAccessories.year}`,
time: `${dateAccessories.hours}:${dateAccessories.minutes}`
}
}
В цикле, а имено в строке let value = dateAccessories[accessory];
ts ругается:
Элемент неявно имеет тип "any", так как выражение типа "string" не может использоваться для индексации типа "dateAccessories". В типе "dateAccessories" не обнаружена сигнатура индекса с параметром типа "string".ts(7053)
Я полистал доку и нашёл способ вылечить это вот так:
interface dateAccessories {
[key: string]: string | number;
day: number | string;
month: number | string;
year: number | string;
hours: number | string;
minutes: number | string;
}
Но в этом случае интерефейс dateAccessories
перестаёт быть ограниченым, т.е. в объект этого интерфейса можно добавлять любые свойства, и ts не будет ругатся, если туда ещё что-нибудь попадёт, главное чтобы указаные свойства присутствовали.
Подскажите, как надо написать интерфейс, чтобы тип его ключей был опредёл, и чтобы он был строго ограничен конкретными свойствами, которые должны в него попасть, не больше не меньше?
let value = dateAccessories[accessory as keyof dateAccessories];