使用扩展语法和带类型脚本的 new Set()

我使用以下代码来获得唯一的数字:

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

但是，类型脚本报告出现以下错误: < em > Type‘ Set’不是数组类型。 我不是打字忍者，谁能告诉我这里出了什么问题？

82672 次浏览
小开

更新 : 使用 Typecript 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);

这个样板文件将在每个使用下级迭代的文件中注入一次，并且可以通过 tsconfig 使用 "importHelpers"选项来减少这个样板文件。(请参阅下级迭代的 这篇博文和 importHelpers)

或者，如果 ES5支持对您来说并不重要，那么您总是可以首先将“ es6”作为目标，在这种情况下，原始代码不需要“ downlevelIteration”标志就可以工作。

原答案:

这似乎是 ES6打字稿翻译的怪癖。...操作符应该处理具有迭代器属性的任何东西，(由 obj[Symbol.iterator]访问)和集具有该属性。

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

小开
最佳答案

这是一个缺失的特性。 TypeScript 目前只支持数组上的迭代。

小开

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

小开

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

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

小开

要使其正常工作，您需要“ target”: “ ES6”(或更高版本)或“ downlevelIteration”: true 位于 tsconfig.json 的 developerOptions 中。 这解决了我的问题，工作还是我好。希望对你也有帮助。

小开

在 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}])));
小开

现在，您可以在您的类型脚本设置中使用 Set(不需要瞄准 es6) :

在你的 tsconfig.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'. */
    

},
...
}

提交答案