typescriptでObject.valuesを使用する方法

オブジェクトからカンマ区切りの文字列を作成しようとしていますが、

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の一部、とあなたはES2017ライブラリを使用するようにTSを設定する必要がありますので、あなたが取得しているコンパイルエラーです。現在のTS構成でES6またはES5ライブラリを使用している可能性があります。

解決策：es2017またはes2017.objectを--libコンパイラオプションで使用します。

たとえば、次のように使用しtsconfig.jsonます。

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

活字体とES2017を標的にすることに注意んではない ES2017用のブラウザでpolyfillsを発する（あなたの上記のように解きを意味し、コンパイルエラー、しかし、あなたはまだ発生する可能ランタイムブラウザはES2017を実装していないため、エラーがObject.values）、それはあなたのプロジェクトをポリフィルするのはあなた次第です必要に応じて、自分でコーディングします。また、（この記事の執筆時点では）Object.valuesすべてのブラウザーでまだ十分にサポートされていないため、確実にポリフィルcore-jsが必要です。

何らかの理由でtsconfigでES7に更新できない場合はObject.values、TypeScriptで使用できます(<any>Object).values(data)。

の代わりに

Object.values(myObject);

使用する

Object["values"](myObject);

あなたの例の場合：

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

これにより、tsコンパイラエラーが非表示になります。

tsconfig.jsonTypeScriptでこの機能を有効にするためにターゲットを増やしました

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

CLIとワークスペースを使用してAngular 6でこの問題にぶつかっただけで、を使用してライブラリを作成しましたng g library foo。

私の場合、問題はセクションに含まれてtsconfig.lib.jsonいないライブラリフォルダーにありes2017ましたlib。

Angular 6でこの問題に遭遇した人はtsconfig.lib.json、あなたとあなたのアプリケーションを確実に更新する必要がありますtsconfig.json

私の持ってtslint常にラインを交換するここでのルールの設定をObject["values"](myObject)してObject.values(myObject)。

同じ問題がある場合の2つのオプション：

(Object as any).values(myObject)

または

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

最も簡単な方法は、次のようにtoをキャストするObjectこと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から使用し ます