Bagaimana cara menggunakan Object.values ​​dengan skrip ketikan?

Saya mencoba membentuk string yang dipisahkan koma dari suatu objek,

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

Bagaimana melakukan ini dengan TypeScript?

mendapatkan file kesalahan:

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

menggunakan Object.keys sebagai gantinya.

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

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

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

Object.values()adalah bagian dari ES2017 , dan kesalahan kompilasi yang Anda dapatkan adalah karena Anda perlu mengkonfigurasi TS untuk menggunakan perpustakaan ES2017. Anda mungkin menggunakan pustaka ES6 atau ES5 dalam konfigurasi TS Anda saat ini.

Solusi: gunakan es2017atau es2017.objectdalam --libopsi kompiler Anda .

Misalnya, menggunakan tsconfig.json:

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

Perhatikan bahwa menargetkan ES2017 dengan naskah yang tidak memancarkan polyfills di browser untuk ES2017 (yang berarti memecahkan di atas Anda kompilasi kesalahan, tapi Anda masih bisa menemukan sebuah runtime error karena browser tidak melaksanakan ES2017 Object.values), itu terserah Anda untuk Polyfill proyek Anda kode sendiri jika Anda mau. Dan karena Object.valuesbelum didukung dengan baik oleh semua browser (pada saat tulisan ini dibuat), Anda pasti menginginkan polyfill: core-jsakan melakukan pekerjaan itu .

Anda dapat menggunakan Object.valuesTypeScript dengan melakukan ini (<any>Object).values(data)jika karena alasan tertentu Anda tidak dapat memperbarui ke ES7 di tsconfig.

Saya telah meningkatkan target saya tsconfig.jsonuntuk mengaktifkan fitur ini di TypeScript

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

Dari pada

Object.values(myObject);

menggunakan

Object["values"](myObject);

Dalam contoh kasus Anda:

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

Ini akan menyembunyikan kesalahan kompiler ts.

Saya baru saja mengenai masalah yang tepat ini dengan Angular 6 menggunakan CLI dan ruang kerja untuk membuat perpustakaan menggunakan ng g library foo.

Dalam kasus saya, masalahnya ada di tsconfig.lib.jsonfolder perpustakaan yang tidak es2017disertakan di libbagian tersebut.

Siapa pun yang menemukan masalah ini dengan Angular 6 Anda hanya perlu memastikan bahwa Anda memperbarui Anda tsconfig.lib.jsonserta aplikasi Andatsconfig.json

Memiliki tslintkonfigurasi aturan saya di sini selalu mengganti baris Object["values"](myObject)dengan Object.values(myObject).

Dua opsi jika Anda memiliki masalah yang sama:

(Object as any).values(myObject)

atau

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

Cara termudah adalah dengan mentransmisikan Objectke any, seperti ini:

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

Dan voila - tidak ada kesalahan kompilasi;)

Lebih sederhana lagi, gunakan _.valuesdari underscore.js https://underscorejs.org/#values