Как использовать цикл for...in с TypeScript?

Question

[vertically-challenged]

Данный код выдает ошибку при компиляции (текст ошибки ниже), почему так происходит, и как это исправить?

Код:

const fields = {
  weather: "weather"
};

for (let key in fields) {
  console.log("fields[key]: ", fields[key]);
}

Текст ошибки:

Элемент неявно имеет тип "any", так как выражение типа "string" не может использоваться для индексации типа "{ weather: string; }".
В типе "{ weather: string; }" не обнаружена сигнатура индекса с параметром типа "string".ts(7053)

Answer 1

[Loli E1ON]

const fields = {
  weather: "weather"
};

let key: keyof typeof fields;
for (key in fields) {
  console.log("fields[key]: ", fields[key]);
}

Comments

[Aetae]

vertically-challenged, только делать так надо с умом и осторожностью, т.к. в typescript структурная типизация, ты не можешь гарантировать, что в переданном объекте нет ещё каких-либо ключей кроме полученных через keyof. (это же и причина почему ts сам так не делает)

Например такой код пройдёт компиляцию без ошибок, но свалится во время исполнения:

type Mappable = {
    foo: number[];
    bar: string[];
}

function mapValues(obj: Mappable) {
    let key: keyof Mappable;
    for (key in obj) {
        console.log(`obj.${key}`, obj[key].map(val => `[${val}]`));
    }
}

const complexObject = {
    foo: [1, 2, 3],
    bar: ['a', 'b', 'c'],
    оппа: 'нежданчик'
}

mapValues(complexObject);

[Дмитрий Беляев]

Aetae, для этого придумали дженерики, та же mapValues может работать с любым типом, который extends Record<string, unknown[]> и keyof будет правильный

https://www.typescriptlang.org/play?#code/FAMwrgdg...

[Aetae]

Дмитрий Беляев, неа, не будет.)

spoiler

type Mappable = {
    foo: number[];
    bar: string[];
}

function mapValues<T extends Record<string, unknown[]>>(obj: T) {
    let key: keyof T;
    for (key in obj) {
        console.log(`obj.${key}`, obj[key].map(val => `[${val}]`));
    }
}

const complexObject = {
    foo: [1, 2, 3],
    bar: ['a', 'b', 'c'],
    оппа: 'нежданчик'
}

const haHaPathetic: Mappable = complexObject;

mapValues(haHaPathetic);