使用跨页语法和带有类型脚本的新 Set（）

javascript ecmascript-6 typescript spread-syntax

2022-08-30 04:09:18

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

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

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

答案 1

更新：使用Typescript 2.3，您现在可以添加到tsconfig中，这将在面向ES5时工作。"downlevelIteration": true

缺点是TS在转译时必须注入相当多的样板。问题中的单行通过添加的21行样板进行转译：（从Typescript 2.6.1开始）downlevelIteration

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转译怪癖。运算符应处理具有迭代器属性（由访问）的任何内容，而 Sets 具有该属性。...obj[Symbol.iterator]

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

答案 2

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

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