131

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

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

但是，打字稿报告以下错误：类型'Set'不是数组类型。 我不是打字稿忍者，有人能告诉我这里有什么问题吗？

4

7 回答 7

146

更新：使用 Typescript 2.3，您现在可以添加"downlevelIteration": true到您的 tsconfig，这将在针对 ES5 时起作用。

缺点downlevelIteration是 TS 在转译时必须注入相当多的样板。问题中的单行添加了 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);

该样板文件将在每个使用下级迭代的文件中注入一次，并且可以使用"importHelpers"tsconfig 选项减少该样板文件。（参见这篇关于下层迭代的博文和importHelpers）

或者，如果 ES5 支持对您来说并不重要，您始终可以首先定位“es6”，在这种情况下，原始代码无需“downlevelIteration”标志即可工作。

原答案：

这似乎是一个 typescript ES6 transpilation quirk 。...操作员应该处理任何具有迭代器属性（访问者obj[Symbol.iterator]）和集合具有该属性的东西。

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

于 2015-11-01T16:58:56.340 回答
111

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

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

于 2018-02-06T16:12:39.297 回答
56

这是一个缺失的功能。TypeScript 目前仅支持数组上的迭代。

于 2015-11-02T02:02:14.207 回答
26

在 Javascript 中：

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

在打字稿中：

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

在反应状态（setState）：

setCart(Array.from(new Set([...cart, {title: 'Sample', price: 20}])));
于 2020-11-06T05:51:37.087 回答
20

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

于 2017-08-20T16:06:12.213 回答
7

现在，您可以Set在 Typescript 设置中使用（无需定位es6）：

在 youtsconfig.json中，添加以下行：

{
  "compilerOptions": {
    /* Visit https://aka.ms/tsconfig.json to read more about this file */

    
    "downlevelIteration": true,                  /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
    
  },
  ...
}
于 2021-06-10T15:41:59.557 回答
4

要使其工作，您需要 "target": "ES6" （或更高版本）或 "downlevelIteration": true 在您的 tsconfig.json 的 compilerOptions 中。这解决了我的问题并且工作良好或我。希望它也能帮助你。

于 2019-07-03T12:48:47.473 回答