Як використовувати Object.values ​​з typecript?

Я намагаюся сформувати відокремлений комою рядок від об'єкта,

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 з машинописом ніяк НЕ випускає polyfills в браузері для ES2017 (маючи у вигляді вище вирішує вашу компіляції помилки, але ви можете зіткнутися під час виконання помилки , тому що браузер не реалізує ES2017 Object.values), це до вас , щоб polyfill вашого проекту код себе, якщо хочете. А так як Object.valuesще не дуже добре підтримується всіма браузерами (на момент написання цієї статті) , ви безумовно хочете polyfill: core-jsбуде робити цю роботу .

Ви можете використовувати Object.valuesв TypeScript, зробивши це, (<any>Object).values(data)якщо з якоїсь причини ви не можете оновити до ES7 в tsconfig.

Замість

Object.values(myObject);

використання

Object["values"](myObject);

У вашому прикладі:

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

Це приховає помилку компілятора ts.

Я збільшив ціль, tsconfig.jsonщоб увімкнути цю функцію в TypeScript

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

Я просто потрапив на цю точну проблему з Angular 6 за допомогою CLI та робочих просторів для створення бібліотеки за допомогою ng g library foo .

У моєму випадку проблема була в tsconfig.lib.jsonпапці бібліотеки, яка не була es2017включена до libрозділу.

Кожен, хто наткнеться на цю проблему з кутовим 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);

І вуаля - помилок компіляції немає;)

Навіть простіше, використовуйте сторінку _.valuesunderscore.js https://underscorejs.org/#values