Comment utiliser Object.values ​​avec dactylographié?

J'essaye de former une chaîne séparée par des virgules d'un objet,

const data = {"Ticket-1.pdf":"8e6e8255-a6e9-4626-9606-4cd255055f71.pdf","Ticket-2.pdf":"106c3613-d976-4331-ab0c-d581576e7ca1.pdf"};
const values = Object.values(data).map(x => x.substr(0, x.length - 4));
const commaJoinedValues = values.join(',');
console.log(commaJoinedValues);

Comment faire cela avec TypeScript?

obtenir un fichier d'erreur:

severity: 'Error'
message: 'Property 'values' does not exist on type 'ObjectConstructor'.'
at: '216,27'
source: 'ts'

en utilisant Object.keys à la place.

const data = {
  a: "first",
  b: "second",
};

const values = Object.keys(data).map(key => data[key]);

const commaJoinedValues = values.join(",");
console.log(commaJoinedValues);

Object.values()fait partie de ES2017 , et l'erreur de compilation que vous obtenez est que vous devez configurer TS pour utiliser la bibliothèque ES2017. Vous utilisez probablement la bibliothèque ES6 ou ES5 dans votre configuration TS actuelle.

Solution: utilisez es2017ou es2017.objectdans votre --liboption de compilation .

Par exemple, en utilisant tsconfig.json:

"compilerOptions": {
    "lib": ["es2017", "dom"]
}

Notez que le ciblage de ES2017 avec TypeScript n'émet pas de polyfills dans le navigateur pour ES2017 (ce qui signifie que ce qui précède résout votre erreur de compilation , mais vous pouvez toujours rencontrer une erreur d' exécution car le navigateur n'implémente pas ES2017 Object.values), c'est à vous de polyfill votre projet code vous-même si vous le souhaitez. Et comme il Object.valuesn'est pas encore bien pris en charge par tous les navigateurs (au moment d'écrire ces lignes), vous voulez vraiment un polyfill: core-jsfera le travail .

Vous pouvez utiliser Object.valuesdans TypeScript en faisant cela (<any>Object).values(data)si, pour une raison quelconque, vous ne pouvez pas mettre à jour vers ES7 dans tsconfig.

Au lieu de

Object.values(myObject);

utilisation

Object["values"](myObject);

Dans votre exemple de cas:

const values = Object["values"](data).map(x => x.substr(0, x.length - 4));

Cela masquera l'erreur du compilateur ts.

J'ai augmenté la cible dans mon tsconfig.jsonpour activer cette fonctionnalité dans TypeScript

{
    "compilerOptions": {
        "target": "es2017",
        ......
    }
}

Je viens de frapper ce problème exact avec Angular 6 en utilisant la CLI et les espaces de travail pour créer une bibliothèque en utilisant ng g library foo.

Dans mon cas, le problème se trouvait dans le tsconfig.lib.jsondossier de la bibliothèque qui ne figurait pas es2017dans la libsection.

Quiconque tombe sur ce problème avec Angular 6, il vous suffit de vous assurer que vous vous mettez à jour tsconfig.lib.jsonainsi que votre application.tsconfig.json

Avoir ma tslintconfiguration de règles ici en remplaçant toujours la ligne Object["values"](myObject)par Object.values(myObject).

Deux options si vous rencontrez le même problème:

(Object as any).values(myObject)

ou

/*tslint:disable:no-string-literal*/
`Object["values"](myObject)`

Le moyen le plus simple est de lancer le Objectvers any, comme ceci:

const data = {"Ticket-1.pdf":"8e6e8255-a6e9-4626-9606-4cd255055f71.pdf","Ticket-2.pdf":"106c3613-d976-4331-ab0c-d581576e7ca1.pdf"};
const obj = <any>Object;
const values = obj.values(data).map(x => x.substr(0, x.length - 4));
const commaJoinedValues = values.join(',');
console.log(commaJoinedValues);

Et voila - pas d'erreurs de compilation;)

Encore plus simple, utilisez le _.valuesfichier underscore.js https://underscorejs.org/#values