attr('name')の値と取りたい

Question

初心者です。
jQueryで下記コードがあるとします。
テキストボックスのname要素の値を取得する

ver $text = $('input[type=text], textarea');
$.each($text , function () {
  var inputName = $(this).attr('name');
});

これをTypeScriptに変換したい（型を宣言したい）

let $text: object = $('input[type=text], textarea');
$.each($text, function (){
  let inputName: string = $(this).attr('name');
});

とするとinputNameで下記エラーがでる。

型 'string | undefined' を型 'string' に割り当てることはできません。
  型 'undefined' を型 'string' に割り当てることはできません。

anyは出来るだけ使わない方がいいと参考書でよみ、「string」の部分をどのように宣言したらよいのでしょうか？

Answer 1

2通りの方法が考えられます。

• undefinedが来た場合に、適当なstringの値に変更してしまう（例：let inputName: string = $(this).attr('name') || '';）
• undefinedは状況的に絶対来ないと確信しているので、asで型を書き換える(let inputName = $(this).attr('name') as string;)

Comments

[maisumakun]

あとは、inputName自体をstring|undefined型にする方法もあります。

[behoimi80]

おお！素晴らしい！そんなことが出来るんですね！ありがとうございました！