タイプスクリプトでスプレッド構文と新しいSet（）を使用する

次のコードを使用して一意の番号を取得しています。

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

ただし、typescriptは次のエラーを報告します：Type'Set 'は配列型ではありません。 私はtypescript忍者ではありません、誰かがここで何が悪いのか教えてもらえますか？

これは欠落している機能です。TypeScriptは、現時点では配列の反復可能オブジェクトのみをサポートしています。

更新："downlevelIteration": trueTypescript 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」フラグを必要とせずに機能します。

元の答え：

これは、タイプスクリプトのES6トランスパイルの癖のようです。...オペレータは、イテレータ性を有しているもので動作するはずです（によってアクセスobj[Symbol.iterator]）と設定し、そのプロパティを持っています。

これを回避Array.fromするには、最初にセットを配列に変換するために使用できます...Array.from(new Set([1, 2, 3, 1, 1]))。

Array.fromメソッドを使用して、セットを配列に変換することもできます

let uniques = Array.from(new Set([1, 2, 3, 1, 1])) ;
console.log(uniques);

"target": "es6",tsconfigで設定する必要があります。

Javascriptの場合：

[ ...new Set([1, 2, 3, 1, 1]) ]

Typescriptの場合：

Array.from(new Set([1, 2, 3, 1, 1]))

React状態（setState）の場合：

setCart(Array.from(new Set([...cart, {title: 'Sample', price: 20}])));

これを機能させるには、tsconfig.jsonのcompilerOptionsに「target」：「ES6」（またはそれ以上）または「downlevelIteration」：trueが必要です。これで私の問題は解決し、うまく機能しました。それがあなたにも役立つことを願っています。