Jak używać Object.values ​​z maszynopisem?

Próbuję utworzyć ciąg oddzielony przecinkami z obiektu,

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

Jak to zrobić z TypeScript?

pobieranie pliku błędu:

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

używając zamiast tego 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()jest częścią ES2017 , a błąd kompilacji, który otrzymujesz, wynika z konieczności skonfigurowania TS do korzystania z biblioteki ES2017. Prawdopodobnie używasz biblioteki ES6 lub ES5 w bieżącej konfiguracji TS.

Rozwiązanie: użyj es2017lub es2017.objectw --libopcji kompilatora .

Na przykład używając tsconfig.json:

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

Należy pamiętać, że kierowanie ES2017 z maszynopis nie nie emitują polyfills w wyszukiwarce ES2017 (czyli powyższe rozwiązuje kompilacji błąd, ale nadal można napotkać w czasie wykonywania błąd, ponieważ przeglądarka nie implementuje ES2017 Object.values), to do ciebie, aby PolyFill projekt zaprogramuj się, jeśli chcesz. A ponieważ Object.valuesnie jest jeszcze dobrze obsługiwany przez wszystkie przeglądarki (w momencie pisania tego tekstu), na pewno chcesz mieć wypełnienie: core-jswykona zadanie .

Możesz użyć Object.valuesw TypeScript, robiąc to, (<any>Object).values(data)jeśli z jakiegoś powodu nie możesz zaktualizować do ES7 w tsconfig.

Zamiast

Object.values(myObject);

posługiwać się

Object["values"](myObject);

W Twoim przypadku:

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

Spowoduje to ukrycie błędu kompilatora ts.

Zwiększyłem cel w moim, tsconfig.jsonaby włączyć tę funkcję w TypeScript

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

Właśnie trafiłem na ten konkretny problem w Angular 6, używając interfejsu wiersza polecenia i obszarów roboczych do tworzenia biblioteki przy użyciu ng g library foo.

W moim przypadku problem znajdował się tsconfig.lib.jsonw folderze biblioteki, którego nie ma es2017w libsekcji.

Każdy, kto natknie się na ten problem w Angular 6, musi tylko upewnić się, że zaktualizowałeś siebie tsconfig.lib.jsoni swoją aplikacjętsconfig.json

Mając moją tslintkonfigurację zasadami tutaj zawsze zastąpienie linii Object["values"](myObject)z Object.values(myObject).

Dwie opcje, jeśli masz ten sam problem:

(Object as any).values(myObject)

lub

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

Najprostszym sposobem jest rzutowanie Objectdo any, na przykład:

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

I voila - brak błędów kompilacji;)

Jeszcze prostsze, użyj _.valuesz underscore.js https://underscorejs.org/#values