Làm thế nào để sử dụng Object.values ​​với bản thảo?

Tôi đang cố gắng tạo thành một chuỗi được phân tách bằng dấu phẩy từ một đối tượng,

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

Làm thế nào để làm điều này với TypeScript?

nhận được một tập tin lỗi:

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

sử dụng Object.keys thay thế.

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

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

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

Object.values()là một phần của ES2017 và lỗi biên dịch bạn gặp phải là do bạn cần định cấu hình TS để sử dụng thư viện ES2017. Bạn có thể đang sử dụng thư viện ES6 hoặc ES5 trong cấu hình TS hiện tại của bạn.

Giải pháp: sử dụng es2017hoặc es2017.objecttrong --libtùy chọn trình biên dịch của bạn .

Ví dụ tsconfig.json: sử dụng :

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

Lưu ý rằng nhắm mục tiêu ES2017 với nguyên cảo không không phát ra polyfills trong trình duyệt cho ES2017 (nghĩa là phá được ở trên bạn biên dịch lỗi, nhưng bạn vẫn có thể gặp phải một thời gian chạy lỗi vì trình duyệt không thực hiện ES2017 Object.values), đó là tùy thuộc vào bạn để polyfill dự án của bạn mã cho mình nếu bạn muốn. Và vì Object.valueschưa được hỗ trợ tốt bởi tất cả các trình duyệt (tại thời điểm viết bài này), bạn chắc chắn muốn một polyfill: core-jssẽ thực hiện công việc .

Bạn có thể sử dụng Object.valuestrong TypeScript bằng cách này (<any>Object).values(data)nếu vì lý do nào đó bạn không thể cập nhật lên ES7 trong tsconfig.

Thay vì

Object.values(myObject);

sử dụng

Object["values"](myObject);

Trong trường hợp ví dụ của bạn:

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

Điều này sẽ ẩn lỗi trình biên dịch ts.

Tôi đã tăng mục tiêu trong tôi tsconfig.jsonđể kích hoạt tính năng này trong TypeScript

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

Tôi vừa gặp vấn đề chính xác này với Angular 6 bằng cách sử dụng CLI và không gian làm việc để tạo thư viện bằng cách sử dụng ng g library foo.

Trong trường hợp của tôi, vấn đề nằm tsconfig.lib.jsonở thư mục thư viện không có es2017trong libphần này.

Bất cứ ai cũng vấp phải vấn đề này với Angular 6, bạn chỉ cần đảm bảo rằng bạn cập nhật cho bạn tsconfig.lib.jsoncũng như ứng dụng của bạntsconfig.json

Có tslintcấu hình quy tắc của tôi ở đây luôn luôn thay thế dòng Object["values"](myObject)với Object.values(myObject).

Hai tùy chọn nếu bạn có cùng một vấn đề:

(Object as any).values(myObject)

hoặc là

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

Cách đơn giản nhất là bỏ Objectqua any, như thế này:

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

Và voila - không có lỗi biên dịch;)

Thậm chí đơn giản hơn, sử dụng _.valuestừ underscore.js https://underscorejs.org/#values