w3schools - map javascript

Mapa ES6 en mecanografiado

Question

Estoy creando una clase en mecanografiado que tiene una propiedad que es un mapa ES6 (ECMAscript 2016) así:

class Item {
  configs: ????;
  constructor () {
    this.configs = new Map();
  }
}

¿Cómo declaro un tipo de mapa ES6 en mecanografiado?

Answer 1

¿Cómo declaro un tipo de mapa ES6 en mecanografiado?

--module es6 apuntar --module es6 . Esto es lamentable y puede plantear su inquietud aquí: https://github.com/Microsoft/TypeScript/issues/2953#issuecomment-98514111

Answer 2

Agregue la propiedad "target": "ESNEXT" al archivo tsconfig.json .

{
    "compilerOptions": {
        "target": "ESNEXT" /* Specify ECMAScript target version: ''ES3'' (default), ''ES5'', ''ES2015'', ''ES2016'', ''ES2017'', or ''ESNEXT''. */
    }
}

Answer 3

Aquí hay un ejemplo:

this.configs = new Map<string, string>();
this.configs.set("key", "value");

Demo

Answer 4

Como mínimo:

tsconfig:

 "lib": [
      "es2015"
    ]

e instale un polyfill como corejs si desea compatibilidad con IE <11: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map

Answer 5

Con la opción de configuración de lib, puede seleccionar el mapa en su proyecto. Simplemente agregue es2015.collection a su sección de lib. Cuando no tenga lib lib config, agregue uno con los valores predeterminados y agregue es2015.collection .

Entonces, cuando tenga target: es5, cambie tsconfig.json a:

"target": "es5",
"lib": [ "dom", "es5", "scripthost", "es2015.collection" ],

Answer 6

No estoy seguro de si esto es oficial, pero esto funcionó para mí en el mecanografiado 2.7.1:

class Item {
   configs: Map<string, string>;
   constructor () {
     this.configs = new Map();
   }
}

En Map<keyType, valueType> simple Map<keyType, valueType>

Answer 7

Sí Map ahora está disponible en mecanografiado ... si mira en lib.es6.d.ts, verá la interfaz:

interface Map<K, V> {
  clear(): void;
  delete(key: K): boolean;
  forEach(callbackfn: (value: V, key: K, map: Map<K, V>) => void,thisArg?: any): void;
  get(key: K): V | undefined;
  has(key: K): boolean;
  set(key: K, value: V): this;
  readonly size: number;} 

Es genial usarlo como un diccionario de cadenas, pares de objetos ... la única molestia es que si lo está utilizando para asignar valores en otro lugar con Map.get (clave), el IDE como Código le da problemas sobre la posibilidad de ser indefinido ... en lugar de crear una variable con una verificación está definida ... simplemente eche el tipo (suponiendo que sepa con certeza que el mapa tiene el par clave-valor)

class myclass {
   mymap:Map<string,object>
   ...
   mymap = new Map<string,object>()
   mymap.set("akey",AnObject)
   let objectref = <AnObject>mymap.get("akey")

Answer 8

Typecript todavía no es compatible con Map .

Tabla de compatibilidad de ES6

Answer 9

Ver comentario en: https://github.com/Microsoft/TypeScript/issues/3069#issuecomment-99964139

TypeScript no viene con pollyfills incorporados. depende de usted decidir qué pollyfill usar, si lo hay. puede usar algo como es6Collection , es6-shims corejs , corejs ..etc. Todo lo que necesita el compilador de mecanografiado es una declaración para las construcciones ES6 que desea usar. Puedes encontrarlos en este archivo lib .

Aquí está la porción relevante:

interface Map<K, V> {
    clear(): void;
    delete(key: K): boolean;
    entries(): IterableIterator<[K, V]>;
    forEach(callbackfn: (value: V, index: K, map: Map<K, V>) => void, thisArg?: any): void;
    get(key: K): V;
    has(key: K): boolean;
    keys(): IterableIterator<K>;
    set(key: K, value?: V): Map<K, V>;
    size: number;
    values(): IterableIterator<V>;
    [Symbol.iterator]():IterableIterator<[K,V]>;
    [Symbol.toStringTag]: string;
}

interface MapConstructor {
    new <K, V>(): Map<K, V>;
    new <K, V>(iterable: Iterable<[K, V]>): Map<K, V>;
    prototype: Map<any, any>;
}
declare var Map: MapConstructor;

Answer 10

EDITAR (5 de junio de 2019): Si bien la idea de que "TypeScript admite Map nativamente" sigue siendo cierta, ya que la versión 2.1 TypeScript admite algo llamado Record .

type MyMapLikeType = Record<string, IPerson>;
const peopleA: MyMapLikeType = {
    "a": { name: "joe" },
    "b": { name: "bart" },
};

Lamentablemente, el primer parámetro genérico (tipo de clave) todavía no se respeta completamente: incluso con un tipo de string , algo así como peopleA[0] (un number ) sigue siendo válido.

EDITAR (25 de abril de 2016): la respuesta a continuación es antigua y no debe considerarse la mejor respuesta. TypeScript ahora es compatible con Maps "nativamente", por lo que simplemente permite que se utilicen Maps ES6 cuando la salida es ES6. Para ES5, no proporciona polyfills; necesitas incrustarlos tú mismo.

Para obtener más información, consulte la respuesta de mohamed hegazy a continuación para obtener una respuesta más moderna, o incluso este comentario de reddit para una versión corta.

A partir de la versión 1.5.0 beta, TypeScript aún no es compatible con Maps . Tampoco es parte de la roadmap de roadmap .

La mejor solución actual es un objeto con clave y valor escritos (a veces llamado hashmap). Para un objeto con claves de tipo string y valores de tipo number :

var arr : { [key:string]:number; } = {};

Algunas advertencias, sin embargo:

1. las teclas solo pueden ser de tipo string o number
2. En realidad, no importa lo que use como tipo de clave, ya que los números / cadenas aún se aceptan indistintamente (solo se aplica el valor).

Con el ejemplo anterior:

// OK:
arr["name"] = 1; // String key is fine
arr[0] = 0; // Number key is fine too

// Not OK:
arr[{ a: "a" }] = 2; // Invalid key
arr[3] = "name"; // Invalid value