Как вы получаете доступ к значению объекта динамически в Typescript?

Question

У меня есть следующий код, который выдает ошибку доступа

const data = {
    name: 'Tox',
    age: 12,
    gender: "male"
};


Object.keys(data).map((key, i) => {
  console.log(`key: ${key}`, '|', `value: ${data[key]}`); // How do you get the value?
});

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

Сообщение об ошибке: Element implicitly has an 'any' type because type '{ name: string; age: number; gender: string; }' has no index signature.

Answer 1

Значение доступно через data[key], что вы делаете правильно. Я думаю, что ошибка, с которой вы сталкиваетесь, это не ошибка JavaScript, а ошибка компилятора TypeScript. По сути, поскольку data не индексируется с помощью переменной string, вам необходимо сообщить компилятору, что key на самом деле является ключом data объекта, а не просто string:

Object.keys(data).map(key => {
  console.log(`key: ${key}`, '|', `value: ${data[key as keyof typeof data]}`); // How do you get the value?
});

См. Пример проверки концепции .

Если вы посмотрите на аргумент key, TypeScript предполагает, что это просто string вместо свойства data объект.