parametros - spread operator javascript

Uso de sintaxis extendida y nuevo Set() con mecanografiado

Question

Estoy usando el siguiente código para obtener números únicos:

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

Sin embargo, el error de informe mecanografiado sigue al siguiente: El tipo ''Establecer'' no es un tipo de matriz. No soy ninja mecanografiado, ¿alguien podría decirme qué está mal aquí?

Answer 1

Esta es una característica que falta. TypeScript solo admite iterables en matrices en este momento.

Answer 2

Para que funcione, necesita "target": "ES6" (o superior) o "downlevelIteration": true en las opciones de compilación de su tsconfig.json. Esto resolvió mi problema y funciona bien para mí. Espero que también te ayude.

Answer 3

También puede usar el método Array.from para convertir el conjunto en matriz

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

Answer 4

"target": "es6", establecer "target": "es6", en su tsconfig.

Answer 5

Actualización : con Typecript 2.3, ahora puede agregar "downlevelIteration": true a su tsconfig, y esto funcionará mientras se dirige a ES5.

La desventaja de downlevelIteration es que TS tendrá que inyectar un poco de repetitivo durante la transpiración. La línea única de la pregunta se transpila con 21 líneas de repeticiones agregadas: (a partir de Typecript 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);

Esta placa repetitiva se inyectará una vez por archivo que use iteración de nivel inferior, y esta placa repetitiva se puede reducir usando la opción "importHelpers" través de tsconfig. (Consulte esta publicación de blog sobre iteración de nivel importHelpers e importHelpers )

Alternativamente, si el soporte de ES5 no es importante para usted, siempre puede apuntar a "es6" en primer lugar, en cuyo caso el código original funciona sin necesidad del indicador "downlevelIteration".

Respuesta original:

Esto parece ser una peculiaridad de la transcripción de ES6 mecanografiada. El operador ... debería funcionar en cualquier cosa que tenga una propiedad de iterador, (Accedido por obj[Symbol.iterator] ) y los Conjuntos tienen esa propiedad.

Para evitar esto, puede usar Array.from para convertir el conjunto a una matriz primero: ...Array.from(new Set([1, 2, 3, 1, 1])) .