TypeScript, цикл по словарю

186

В моем коде у меня есть пара словарей (как предложено здесь ), которые проиндексированы в виде строки. Из-за того, что это что-то вроде импровизированного типа, мне было интересно, есть ли какие-нибудь предложения о том, как я смогу пройтись по каждому ключу (или значению, все, для чего мне все равно нужны ключи). Любая помощь приветствуется!

myDictionary: { [index: string]: any; } = {};

javascript html typescript

— ben657
источник

Пробовали ли вы: for (var key in myDictionary) { }? Внутри цикла вы будете использовать, keyчтобы получить ключ и myDictionary[key]получить значение

— Ян

@Ian Только что попробовал, похоже, не работает. Никаких ошибок, но в заявлении ничего не работает

— ben657

1

@Ian Извините, какой-то код где-то с этим работал. Это работает отлично! Хотите сделать ответ, чтобы я мог выбрать его?

— ben657

296

Чтобы перебрать ключ / значения, используйте for inцикл:

for (let key in myDictionary) {
    let value = myDictionary[key];
    // Use `key` and `value`
}

— Ян
источник

8

Это не безопасно в целом; ему нужен тест hasOwnProperty (как в ответе Джейми Старка) или что-то еще.

— Дон Хэтч

20

@DonHatch На самом деле это вообще очень безопасно. Это небезопасно в очень специфических случаях (например, когда вы включаете библиотеки, которые изменяют прототипы неправильно или намеренно изменяют прототипы). Разработчик должен решить, стоит ли раздувать свой код с помощью, скорее всего, ненужных проверок

— Ян

1

@Ian - Я думаю, что я бы не использовал его без дополнительных мер безопасности, так как кажется, что произошел несчастный случай, ожидающий, например, если код попадает в служебную функцию, а затем кто-то передает эту функцию в словарь, который не просто Объект, а точнее что-то с дополнительными свойствами. Да, как вы говорите, разработчик должен взвесить вероятность и серьезность такого сценария. Для меня наименее обременительный подход - вести себя так, как будто такой сценарий гарантированно случится во всех случаях - меньше думать.

— Дон Хэтч

5

@Ian Проблема в том, что существует слишком много библиотек, которые модифицируют прототипы объектов. Кажется плохой идеей защищать этот тип паттерна, когда существуют намного лучшие простые альтернативы, такие как Object.keys(target).forEach(key => { let value = target(key); /* Use key, value here */ });. Если вы должны показать этот метод, хотя бы упомяните риски и лучшие альтернативы для тех, кто еще не знает лучше.

— Йона Апплетри

8

У нас уже есть es6 и TypeScript. Почему проблема написания hasOwnProperty все время остается нерешенной? Даже в 2017 году и со всем вниманием к JS. Я так разочарован.

— Герман,

170

<ES 2017 :

Object.keys(obj).forEach(key => {
  let value = obj[key];
});

> = ES 2017 :

Object.entries(obj).forEach(
  ([key, value]) => console.log(key, value);
);

— Стивен Пол
источник

Это решение, которое я искал, так как оно позволит мне отсортировать ключи перед итерацией

— Эндрю

К вашему сведению, в настоящее время это не поддерживается игровой площадкой TypeScript.

— Seanny123

1

Смотрите здесь, как заставить Object.entriesработать на TypeScript

— Алекс Клаус

Это прекрасно

— Пиюш Чоудхари

67

Как насчет этого?

for (let [key, value] of Object.entries(obj)) {
    ...
}

— Радон Росборо
источник

1

Требуется lib es2017 в tsconfig. См. Stackoverflow.com/questions/45422573/…

— Стефан

Это то, что мне нужно было, чтобы обойти ошибку Typescript в obj [ключ] «Нет подписи индекса ...», потому что я явно установил свой тип obj как {[key: string]: string} и не хотел использовать {[key: строка]: любая}. С этим я могу просто получить доступ к «стоимости». Спасибо

— ggedde

А если вы хотите keyвообще игнорировать , просто оставьте это поле пустым [ , value]. (Спасибо за комментарий к этой проблеме .)

— Доминик

51

Есть одно предостережение о цикле ключ / значение, о котором говорил Ян. Если возможно, что у Объектов могут быть атрибуты, связанные с их Прототипом, и когда вы используете inоператор, эти атрибуты будут включены. Поэтому вам нужно убедиться, что ключ является атрибутом вашего экземпляра, а не прототипа. Старые IE известны тем, что indexof(v)появляются в качестве ключа.

for (const key in myDictionary) {
    if (myDictionary.hasOwnProperty(key)) {
        let value = myDictionary[key];
    }
}

— Джейми Старк
источник

3

Не пытаясь разбить волосы, но так как мы говорим о скрипте типа, разве вы не должны использовать let key вместо var key? Хороший ответ, спасибо.

— Люк Дюпен

3

На самом деле с текущей версией скрипта типа то keyи valueможет быть const.

— Патрик Дежарден

Лучше не вызывать hasOwnPropertyпроверку из целевого объекта, вместо этого сделайте следующее: ...if (Object.prototype.hasOwnProperty.call(myDictionary, key))...Иначе, если вы используете eslint с no-prototype-builtinsправилом, оно выдаст ошибку.

— sceee

6

Кратчайший способ получить все значения словаря / объекта:

Object.keys(dict).map(k => dict[k]);

— k06a
источник

1

Чтобы получить ключи:

function GetDictionaryKeysAsArray(dict: {[key: string]: string;}): string[] {
  let result: string[] = [];
  Object.keys(dict).map((key) =>
    result.push(key),
  );
  return result;
}

— Ribeiro
источник

1

Ответ Ians хорош, но вы должны использовать const вместо let для ключа, потому что он никогда не обновляется.

for (const key in myDictionary) {
    let value = myDictionary[key];
    // Use `key` and `value`
}

— finnk
источник