Come usare Object.values ​​con typescript?

Sto cercando di formare una stringa separata da virgola da un oggetto,

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

Come fare questo con TypeScript?

ottenere un file di errore:

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

usando invece 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()fa parte di ES2017 e l'errore di compilazione che si sta verificando è perché è necessario configurare TS per utilizzare la libreria ES2017. Probabilmente stai utilizzando la libreria ES6 o ES5 nella tua attuale configurazione TS.

Soluzione: utilizzare es2017o es2017.objectnella vostra --libopzione del compilatore .

Ad esempio, usando tsconfig.json:

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

Nota che il targeting ES2017 con dattiloscritto non non emette polyfills nel browser per ES2017 (cioè le risolve sopra la compilazione errore, ma è ancora possibile incontrare un runtime errore perché il browser non implementa ES2017 Object.values), tocca a voi per polyfill vostro progetto codifica te stesso se vuoi. E dal momento che Object.valuesnon è ancora ben supportato da tutti i browser (al momento della stesura di questo articolo) sicuramente vuoi un polyfill: core-jsfarà il lavoro .

È possibile utilizzare Object.valuesin TypeScript in questo modo (<any>Object).values(data)se per qualche motivo non è possibile aggiornare a ES7 in tsconfig.

Invece di

Object.values(myObject);

uso

Object["values"](myObject);

Nel tuo esempio:

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

Ciò nasconderà l'errore del compilatore ts.

Ho aumentato il target nel mio tsconfig.jsonper abilitare questa funzione in TypeScript

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

Ho appena riscontrato questo esatto problema con Angular 6 utilizzando l'interfaccia della riga di comando e le aree di lavoro per creare una libreria utilizzando ng g library foo .

Nel mio caso il problema era nella tsconfig.lib.jsoncartella della libreria che non era stata es2017inclusa nel filelib sezione.

Chiunque si imbatta in questo problema con Angular 6 devi solo assicurarti di aggiornare te tsconfig.lib.jsone la tua applicazionetsconfig.json

Avere la mia tslintconfigurazione delle regole qui sostituendo sempre la linea Object["values"](myObject)conObject.values(myObject) .

Due opzioni se hai lo stesso problema:

(Object as any).values(myObject)

o

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

Il modo più semplice è lanciare il Objectto any, in questo modo:

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 voilà - nessun errore di compilazione;)

Ancora più semplice, utilizzare _.valuesda underscore.js https://underscorejs.org/#values