ES6 Carte à la Machine

Je suis la création d'une classe à la machine qui a une propriété qui est une ES6 (ECMAscript 2016) de la Carte comme suit:

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

Comment dois-je déclarer un ES6 type de Carte à la machine?

InformationsquelleAutor nicksrandall | 2015-05-03
  1. 160

    MODIFIER (5 Juin 2019): bien que l'idée que "la Machine prend en charge Map nativement" est toujours vrai, depuis la version 2.1 Tapuscrit prend en charge quelque chose appelé Record.

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

    Malheureusement, le premier paramètre générique (type de clé) n'est pas encore pleinement respectés: même avec un string type, quelque chose comme peopleA[0] (un number) est toujours valide.

    MODIFIER (Apr 25 2016): La réponse ci-dessous est vieux et ne doit pas être considérée comme la meilleure réponse. La machine prend en charge les Cartes "nativement" maintenant, il permet simplement à ES6 Cartes pour être utilisé lorsque la sortie est à l'ES6. Pour ES5, il ne fournit pas de polyfills; vous avez besoin d'intégrer vous-même.

    Pour plus d'informations, reportez-vous à mohamed hegazy la réponse ci-dessous pour une réponse moderne, ou même cette reddit commentaire pour la version courte.

    Comme 1.5.0 bêta, la Machine ne prend pas encore en charge Cartes. Il ne fait pas encore partie de la feuille de route, soit.

    La meilleure solution actuelle est un objet avec des tapé la clé et la valeur (parfois appelé une table de hachage). Pour un objet avec les touches de type string, et les valeurs de type number:

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

    Quelques mises en garde, cependant:

    1. touches ne peuvent être de type string ou number
    2. Il ne fait pas d'importance ce que vous utilisez comme le type de clé, puisque les chiffres/les chaînes de caractères sont encore acceptées (seule la valeur est appliquée).

    Avec l'exemple ci-dessus:

    //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
    • Alors, comment voulez-vous parcourir les propriétés de la carte? Quand je fais arr.les valeurs de(), j'obtiens un "Propriété" valeurs " n'existe pas sur le type de..."
    • Pas le même que values(), je ferais for (var key in arr) ... arr[key] ou for...of. Autre solution (qui est de plus en plus réaliste de nos jours et sera pendant un certain temps pour beaucoup de choses), c'est d'utiliser corejs.
    • En fait, quand j'ai utiliser n'importe quelle touche comme une propriété sur une carte déclaré de cette manière, je suis "Bien" tout ce qui n'existe pas sur type""
    • Je suis l'aide de la carte de la classe d'en construire un, mais même si je ne map Map<string,string>=new Map<string,string>() quand je fais map.set(something) j'obtiens une exception map is undefined, est-il une autre façon d'initialiser?
    • Lorsque cibler ES5, même avec des polyfills, vous ne pouvez pas utiliser certaines fonctions - voir github.com/Microsoft/TypeScript/issues/6842
    • 2017.7.13, toute mise à jour?
    • pas de. La carte-sage, il n'y a aucune mise à jour nécessaire que la façon dont il fonctionne (avec polyfills pour ES5) est partie de la conception de base de TS.
    • Merci pour l'info!! J'ai perdu près de la moitié de la journée pour carte simple question avant de venir à travers votre réponse. Vous avez fait ma journée!! cheers

    InformationsquelleAutor zeh
  2. 119

    Voir le commentaire dans: https://github.com/Microsoft/TypeScript/issues/3069#issuecomment-99964139

    Tapuscrit de ne pas venir avec construit dans pollyfills. c'est à vous de
    décider qui pollyfill à utiliser, le cas échéant. vous pouvez utiliser quelque chose comme
    es6Collection,
    es6-cales,
    corejs..etc. Tous les caractères d'imprimerie
    compilateur a besoin est une déclaration pour l'ES6 constructions vous voulez
    utiliser. vous pouvez trouver tous en cette lib
    fichier    .

    voici la partie pertinente:

    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;
    InformationsquelleAutor mohamed hegazy
  3. 39

    Voici un exemple:

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

    Démo

    InformationsquelleAutor Arnaud
  4. 19

    Oui la Carte est maintenant disponible en caractères d'imprimerie.. si vous regardez dans lib.es6.d.ts, vous verrez l'interface:

    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;}

    Son grand pour l'utiliser comme un dictionnaire de la chaîne,des paires d'objets.. le seul ennui, c'est que si vous l'utilisez pour affecter des valeurs ailleurs avec Carte.get(clé) l'IDE comme Code vous donne des problèmes à propos d'être possible undefined.. plutôt que de créer une variable est définie par chèque .. tout simplement jeté le type (en supposant que vous savez pour sûr que la carte a la paire clé-valeur)

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

    Comment dois-je déclarer un ES6 type de Carte à la machine?

    Vous devez cibler --module es6. C'est malheur, et vous pouvez faire part de vos préoccupations ici : https://github.com/Microsoft/TypeScript/issues/2953#issuecomment-98514111

    InformationsquelleAutor basarat
  6. 9

    Minimum:

    tsconfig:

     "lib": [
      "es2015"
    ]

    et installer un polyfill comme https://github.com/zloirock/core-js si vous voulez IE < 11: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map

    InformationsquelleAutor Nikos
  7. 3

    La machine ne prend pas encore en charge Map.

    ES6 Tableau de Compatibilité

    • Cette page sur la machine du wiki semble dire qu'il est pris en charge: typescript.codeplex.com/...
    • Juin 2019 - la Carte est prise en charge
    InformationsquelleAutor Logan Tegman
  8. 3

    Avec le lib option de configuration vous êtes en mesure d'écrémer la Carte dans votre projet. Juste ajouter es2015.collection à votre lib section. Lorsque vous n'avez pas de lib config add-on avec les valeurs par défaut et ajouter es2015.collection.

    Ainsi, lorsque vous avez de la cible: es5, changement tsconfig.json à:

    "target": "es5",
"lib": [ "dom", "es5", "scripthost", "es2015.collection" ],
    InformationsquelleAutor HolgerJeromin
  9. 1

    Ne sais pas si c'est officiel mais cela a fonctionné pour moi en caractères d'imprimerie 2.7.1:

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

    En simple Map<keyType, valueType>

    InformationsquelleAutor Jonas Tomanga
  10. 0

    Ajouter "target": "ESNEXT" propriété de la tsconfig.json fichier.

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