☰

Typescriptでスプレッド構文とnew Set()を使用する 質問する

tag-icon • tag-icon javascript typescript ecmascript-6 spread-syntax
Typescriptでスプレッド構文とnew Set()を使用する 質問する

一意の番号を取得するために次のコードを使用しています:

let uniques = [ ...new Set([1, 2, 3, 1, 1]) ]; // [1, 2, 3]

ただし、TypeScript は次のエラーを報告します。型 'Set' は配列型ではありません。私は TypeScript の達人ではないのですが、何が間違っているのか教えていただけますか?

ベストアンサー1

アップデート"downlevelIteration": true: Typescript 2.3 では、 tsconfig に追加できるようになりました。これは、ES5 をターゲットにするときに機能します。

の欠点はdownlevelIteration、TS がトランスパイル時にかなりの量の定型句を挿入する必要があることです。質問の 1 行は、21 行の定型句を追加してトランスパイルされます: (Typescript 2.6.1 以降)

var __read = (this && this.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __spread = (this && this.__spread) || function () {
    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
    return ar;
};
var uniques = __spread(new Set([1, 2, 3, 1, 1]));
console.log(uniques);

この定型句は、ダウンレベル反復を使用するファイルごとに 1 回挿入され、この定型句は"importHelpers"tsconfig のオプションを使用して削減できます。(このブログ投稿ダウンレベルの反復とimportHelpers）

あるいは、ES5 のサポートが重要でない場合は、最初から「es6」をターゲットにすることもできます。その場合、元のコードは「downlevelIteration」フラグを必要とせずに動作します。

元の回答:

これは、Typescript ES6 トランスパイルの癖のようです。...演算子は、イテレータ プロパティ (Accessed by obj[Symbol.iterator]) を持つものであれば何でも機能するはずで、Set にはそのプロパティがあります。

この問題を回避するには、Array.fromまず を使用してセットを配列に変換します...Array.from(new Set([1, 2, 3, 1, 1]))。

おすすめ記事