¿Cómo usar Object.values ​​con typecript?

Estoy tratando de formar una cadena separada por comas de un 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);

¿Cómo hacer esto con TypeScript?

obteniendo un archivo de error:

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

usando Object.keys en su lugar.

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

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

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

Object.values() es parte de ES2017 , y el error de compilación que está obteniendo es porque necesita configurar TS para usar la biblioteca ES2017. Probablemente esté utilizando la biblioteca ES6 o ES5 en su configuración actual de TS.

Solución: use es2017o es2017.objecten su--lib opción de compilador .

Por ejemplo, usando tsconfig.json :

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

Tenga en cuenta que la orientación ES2017 con mecanografiado no no emiten polyfills en el navegador para ES2017 (es decir, los resuelve por encima de su compilación de error, pero todavía se puede encontrar un tiempo de ejecución de error ya que el navegador no implementa ES2017 Object.values), le toca a usted para polyfill su proyecto codifícate si quieres. Y dado Object.valuesque todavía no está bien soportado por todos los navegadores (en el momento de escribir este artículo) definitivamente desea un polyfill: core-jshará el trabajo .

Puede usar Object.valuesTypeScript haciendo esto (<any>Object).values(data)si por alguna razón no puede actualizar a ES7 en tsconfig.

En vez de

Object.values(myObject);

utilizar

Object["values"](myObject);

En su caso de ejemplo:

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

Esto ocultará el error del compilador ts.

He aumentado el objetivo en mi tsconfig.jsonpara habilitar esta función en TypeScript

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

Acabo de llegar a este problema exacto con Angular 6 usando la CLI y los espacios de trabajo para crear una biblioteca usando ng g library foo.

En mi caso, el problema estaba en la tsconfig.lib.jsoncarpeta de la biblioteca que no se había es2017incluido en la libsección.

Cualquiera que se encuentre con este problema con Angular 6 solo necesita asegurarse de actualizarlo tsconfig.lib.json, así como su aplicacióntsconfig.json

Tener mi tslintconfiguración de reglas aquí siempre reemplaza la línea Object["values"](myObject)conObject.values(myObject) .

Dos opciones si tiene el mismo problema:

(Object as any).values(myObject)

o

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

La manera más simple es lanzar el Objectto any, así:

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

Y listo - sin errores de compilación;)

Aún más simple, use _.valuesde underscore.js https://underscorejs.org/#values