Como usar Object.values ​​com texto datilografado?

Estou tentando formar uma string separada por vírgula de um objeto,

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

Como fazer isso com o TypeScript?

obtendo um arquivo de erro:

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

usando Object.keys.

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

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

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

Object.values()faz parte do ES2017 , e o erro de compilação que você está recebendo é porque você precisa configurar o TS para usar a biblioteca ES2017. Você provavelmente está usando a biblioteca ES6 ou ES5 na sua configuração atual do TS.

Solução: use es2017ou es2017.objectna sua --libopção de compilador .

Por exemplo, usando tsconfig.json:

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

Nota que a segmentação ES2017 com texto datilografado que não emitem polyfills no navegador para ES2017 (ou seja, os resolve acima de sua compilação de erro, mas você ainda pode encontrar um tempo de execução de erro porque o navegador não implementa ES2017 Object.values), é até você para polyfill seu projeto codifique-se, se quiser. E como Object.valuesainda não é bem suportado por todos os navegadores (no momento da redação deste documento), você definitivamente deseja um polyfill: core-jsfará o trabalho .

Você pode usar o Object.valuesTypeScript fazendo isso (<any>Object).values(data)se, por algum motivo, não puder atualizar para o ES7 no tsconfig.

Ao invés de

Object.values(myObject);

usar

Object["values"](myObject);

No seu caso de exemplo:

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

Isso ocultará o erro do compilador ts.

tsconfig.jsonAumentei o alvo no meu para ativar esse recurso no TypeScript

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

Acabei de acertar esse problema exato com o Angular 6 usando a CLI e os espaços de trabalho para criar uma biblioteca usando ng g library foo .

No meu caso, o problema estava na tsconfig.lib.jsonpasta da biblioteca que não havia es2017incluído no arquivolib seção.

Se você se deparar com esse problema com o Angular 6, basta garantir que você atualize você tsconfig.lib.jsone seu aplicativotsconfig.json

Ter minhas tslintregras de configuração aqui sempre substituindo a linha Object["values"](myObject)por Object.values(myObject).

Duas opções se você tiver o mesmo problema:

(Object as any).values(myObject)

ou

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

A maneira mais simples é converter o Objectpara any, assim:

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

E voila - sem erros de compilação;)

Ainda mais simples, use a _.valuespartir de underscore.js https://underscorejs.org/#values