gpt4 book ai didi

javascript - 在 typescript 中使用传播语法和 new Set()

转载 作者:IT王子 更新时间:2023-10-29 02:53:39 25 4
gpt4 key购买 nike

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

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

但是,typescript 报告以下错误:Type 'Set' is not an array type.我不是打字忍者,有人能告诉我这里出了什么问题吗?

最佳答案

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

downlevelIteration 的缺点是 TS 在转译时必须注入(inject)相当多的样板文件。问题中的单行转换为 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);

每个使用下层迭代的文件都会注入(inject)一次此样板文件,并且可以通过 tsconfig 使用 “importHelpers” 选项来减少此样板文件。 (参见 this blogpost 关于下层迭代和 importHelpers)

或者,如果 ES5 支持对您来说无关紧要,您始终可以首先将“es6”作为目标,在这种情况下,原始代码无需“downlevelIteration”标志即可运行。


原答案:

这似乎是一个 typescript ES6 转译怪癖。 ... 运算符应该适用于任何具有迭代器属性(由 obj[Symbol.iterator] 访问)并且 Set 具有该属性的东西。

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

关于javascript - 在 typescript 中使用传播语法和 new Set(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33464504/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com