使用扩展语法和带有Typescript的新Set（）

我正在使用以下代码来获取唯一编号：

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

但是，打字稿报告以下错误：Type'Set '不是数组类型。 我不是忍者打字稿，有人可以告诉我这是怎么回事吗？

这是缺少的功能。TypeScript目前仅支持数组上的可迭代对象。

更新：使用Typescript 2.3，您现在可以将其添加"downlevelIteration": true到tsconfig中，并且在定位ES5时可以使用。

不利的downlevelIteration一面是，TS在转桩时必须注入很多样板。问题中的单行转换为添加了21行样板的代码：（自打字稿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);

每个使用下层迭代的文件都会将此样板注入一次，并且可以使用该"importHelpers"选项通过tsconfig减少该样板。（有关下级迭代，请参见此博客文章，以及importHelpers）

另外，如果对您而言ES5支持无关紧要，则始终始终可以首先定位“ es6”，在这种情况下，原始代码可以使用而无需“ downlevelIteration”标志。

原始答案：

这似乎是打字稿ES6的翻译怪癖。该...经营者应在任何有一个iterator属性（由工作访问的obj[Symbol.iterator]），并设置有属性。

要解决此问题，可以Array.from先将集合转换为数组：...Array.from(new Set([1, 2, 3, 1, 1]))。

您也可以使用Array.from方法将Set转换为Array

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

您需要"target": "es6",在tsconfig中进行设置。

要使其工作，您需要在tsconfig.json的editorOptions中使用“ target”：“ ES6”（或更高版本）或“ downlevelIteration”：true。这解决了我的问题，对我或我都有益。希望它对您也有帮助。

用Javascript：

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

在打字稿中：

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

在React State（setState）中：

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