сбой итерации по карте машинописного текста

Что интересно, код внутри цикла for никогда не выполняется. Я делаю действительно глупую ошибку или упускаю глубокую концепцию?

Вы упускаете тот факт, что...

for...of не работает с Map в TypeScript до ES6

Когда он нацелен на ECMAScript до ES6, компилятор TypeScript преобразует оператор for...of в цикл for.

Этот код:

for (var [key, val] of map) {
    console.log(key);
}

становится этот код:

for (var _i = 0, map_1 = map; _i < map_1.length; _i++) {
    var _a = map_1[_i], key = _a[0], val = _a[1];
    console.log(key);
}

Что делать?

Вариант 1: если мы должны ориентироваться на ECMAScript до ES6, функция forEach может быть подходящей альтернативой циклу for...of. Остерегайтесь, однако, что forEach имеет тонкие отличия от for...of (например, ранний выход, асинхронность/ожидание).

map.forEach((val, key) => { 
    console.log(key + ":" + val);
});

Вариант 2: когда мы должны ориентироваться на ECMAScript до ES6 и должны иметь точное поведение for...of, ответ Джона Вайса имеет смысл: преобразовать Map в Array и повторить Array с for...of.

Вариант 3: когда мы можем настроить таргетинг на ECMAScript ES6 или более поздней версии. используйте цикл for...of непосредственно на Map.

В сторону: Равенство карт

Если требуется равенство карт, рассмотрите every функция. Это устраняет необходимость break в итерации, потому что every немедленно возвращается, когда находит первое false.

Если порядок важен для сравнения, используйте every следующим образом:

function areEqual<K,V>(map1: Map<K,V>, map2: Map<K,V>) { 
    if(!map1 || !map2) return false;
    const array1 = Array.from(map1.entries());
    const array2 = Array.from(map2.entries());
    return array1.every(([k1, v1], index) => {
        const [k2, v2] = array2[index];
        return k1 === k2 && v1 === v2;
    });
}

Если порядок не имеет значения, мы хотим установить равенство; используйте every следующим образом:

function areSetEqual<K, V>(map1: Map<K, V>, map2: Map<K, V>) { 
    if(!map1 || !map2) return false;
    const array1 = Array.from(map1.entries());
    const array2 = Array.from(map2.entries());
    return array1.length === array2.length &&
        array1.every(([k1, v1]) => map2.get(k1) === v1);
}

Вот демонстрация функций в действии:

const map1 = new Map([["key1", "val1"], ["key2", "val2"]]);
const map2 = new Map([["key1", "val1"], ["key2", "val2"]]);
const map3 = new Map([["key2", "val2"], ["key1", "val1"]]);

console.log(areEqual(map1, map2)); // true
console.log(areEqual(map1, map3)); // false
console.log(areSetEqual(map1, map2)); // true
console.log(areSetEqual(map1, map3)); // true

Цикл for ... of может проходить через итерируемый, а Map<K, V> сам по себе не является итерируемым. Вы можете преобразовать его в итерируемый, используя метод keys, values или entries (который затем можно преобразовать в массив).

Например, чтобы получить массив, представляющий ключи вашей карты в порядке вставки, вы можете:

let keys = Array.from(map1.keys());

Затем вы можете выполнить итерацию по этому массиву keys, используя цикл for ... of, потому что массив является итерируемым:

for (var key of keys) {
    testVal = map2.get(key);
    console.log(key, val);

    if (testVal !== val || (testVal === undefined && !map2.has(key))) {
        return false;
    }
}

Интересно, однако, что я считаю, что должно добиться этого без необходимости создавать массивы, т. е. просто использовать for (let key of map1.keys()), поскольку .keys() возвращает итерируемый объект сам по себе, но у TypeScript, похоже, есть проблемы с обработкой этого (по крайней мере, в ES5, не пробовал в цели ES6).

Кажется, это работает в машинописном тексте, если я сравниваю две карты со строковым ключом и значением.

private compareMaps(map1, map2) {
        var testVal;
        if (!(map1 && map2)) {
            return false;
        }
        if (map1.size !== map2.size) {
            return false;
        }
        for (let key of Array.from(map1.keys())) {
            let val = map1.get(key);
            testVal = map2.get(key);
            if (testVal !== val || (testVal === undefined && !map2.has(key))) {
                return false;
            }
        }
        return true;
    }