จะใช้ Object.values ​​กับ typescript ได้อย่างไร?

ฉันกำลังพยายามสร้างสตริงที่คั่นด้วยจุลภาคจากวัตถุ

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

จะทำกับ TypeScript ได้อย่างไร?

รับไฟล์ข้อผิดพลาด:

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

โดยใช้ 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()เป็นส่วนหนึ่งของ ES2017และข้อผิดพลาดในการคอมไพล์ที่คุณได้รับเป็นเพราะคุณต้องกำหนดค่า TS เพื่อใช้ไลบรารี ES2017 คุณอาจใช้ไลบรารี ES6 หรือ ES5 ในการกำหนดค่า TS ปัจจุบันของคุณ

โซลูชั่นการใช้งาน: ใช้es2017หรือes2017.objectของคุณในตัวเลือกคอมไพเลอร์--lib

ตัวอย่างเช่นการใช้tsconfig.json:

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

โปรดทราบว่าการกำหนดเป้าหมาย ES2017 ด้วย TypeScript จะไม่ปล่อย polyfills ในเบราว์เซอร์สำหรับ ES2017 (หมายความว่าข้างต้นช่วยแก้ข้อผิดพลาดในการคอมไพล์ของคุณแต่คุณยังพบข้อผิดพลาดรันไทม์ได้เนื่องจากเบราว์เซอร์ไม่ได้ใช้ ES2017 Object.values) คุณจะต้องเติมเต็มโครงการของคุณ รหัสตัวเองถ้าคุณต้องการ และเนื่องจากObject.valuesเบราว์เซอร์ทั้งหมดยังไม่ได้รับการสนับสนุนอย่างดี (ในขณะที่เขียนนี้) คุณต้องการ polyfill อย่างแน่นอน: core-jsจะทำงานได้

คุณสามารถใช้Object.valuesใน TypeScript ได้โดยทำเช่นนี้(<any>Object).values(data)หากด้วยเหตุผลบางประการที่คุณไม่สามารถอัปเดตเป็น ES7 ใน tsconfig ได้

ฉันได้เพิ่มเป้าหมายในtsconfig.jsonการเปิดใช้งานคุณสมบัตินี้ใน TypeScript

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

แทน

Object.values(myObject);

ใช้

Object["values"](myObject);

ในกรณีตัวอย่างของคุณ:

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

สิ่งนี้จะซ่อนข้อผิดพลาดของคอมไพเลอร์ ts

ฉันเพิ่งประสบปัญหานี้กับ Angular 6 โดยใช้ CLI และพื้นที่ทำงานเพื่อสร้างไลบรารีโดยใช้ng g library foo.

ในกรณีของฉันปัญหาอยู่tsconfig.lib.jsonในโฟลเดอร์ไลบรารีซึ่งไม่ได้es2017รวมอยู่ในlibส่วนนี้

ใครก็ตามที่พบปัญหานี้กับ Angular 6 คุณเพียงแค่ต้องแน่ใจว่าคุณได้อัปเดตตัวคุณtsconfig.lib.jsonเช่นเดียวกับแอปพลิเคชันของคุณtsconfig.json

การtslintกำหนดค่ากฎของฉันที่นี่จะแทนที่บรรทัดObject["values"](myObject)ด้วยObject.values(myObject).

สองตัวเลือกหากคุณมีปัญหาเดียวกัน:

(Object as any).values(myObject)

หรือ

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

วิธีที่ง่ายที่สุดคือโยนObjectto anyดังนี้:

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

และ voila - ไม่มีข้อผิดพลาดในการรวบรวม;)

ใช้งานง่ายขึ้น_.valuesจาก underscore.js https://underscorejs.org/#values