🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

Q&A

解決済

1回答

2590閲覧

typescriptのtypeをループしてkeyを取得したい

sayum

総合スコア17

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

0グッド

0クリップ

投稿2021/03/29 10:05

編集2021/03/29 23:42

いつもお世話になっております。
typeのキーと、変数(testForm)のキーを比較して、
あっていたら変数のキーに入れたいのですが、typescriptエラーが出て、ビルドできません。
type testをうまいこと使って、testFormのvalを paramに入れる方法ありませんでしょうか。
testFormの配列が増えていっても対応できるようにしたいです

お手数おかけいたしますが、ご教授いただけないでしょうか。

以下がコードです。

typescript

1 2typeTest(): void { 3 4 let testForm: any[] = [ 5 {key: 'hoge', val: 'hogeです'}, 6 {key: 'fuga', val: 'fugaです'} 7 ] 8 9 let param: test = { 10 hoge: '', //item[0].valの内容を入れたい 11 fuga: '' //item[1].valの内容を入れたい 12 }; 13 14 for (let item of testForm) { 15 if(item.key in param) { 16 param[item.key] = item.val //ここでエラー 17 } 18 } 19 20} 21

typescript

1export type test = { 2 hoge: string, 3 fuga: string 4}

エラー文は以下のとおりです。

Element implicitly has an 'any' type because expression of type 'any' can't be used to index type 'test'.

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

let testFormの型を{key: string, val: string}[]とすればいいのではないでしょうか?

投稿2021/03/29 10:30

編集2021/03/29 23:55
maisumakun

総合スコア145975

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

sayum

2021/03/29 23:35

ご回答いただきありがとうございます。 ご提案頂いた内容で、対応してみましたが、一緒のエラーが出てしまいます。。
maisumakun

2021/03/29 23:55

すみません、型を書き間違えていました。
sayum

2021/03/30 00:46

キー変更後も一緒でした。。 testのtypeに [key: string]: stringを追加したらエラーが消えましたが、 この解決方法は良いものでしょうか
maisumakun

2021/03/30 00:53

あとは、「param[item.key as keyof test]」とするかですね。
sayum

2021/03/30 03:07

ありがとうございます! 「param[item.key as keyof test]」 これでいけました! こちらの方が、わかりやすいのでこっちを採用させていただいます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問