TypeScript matchでnullである可能性の値を扱いたい

Question

#概要

const sample1 = 'Modle-Name® Bag hoge super - WHITE'
const sample2 = 'Modle-Name™ Tshirt hoge super - BLACK'
const sample3 = 'Pants hoge super - BLACK'

上述のModle-Nameを取得したいと思います。値によってはModle-Nameが記載されていない場合もあります。
下記のようなコードで取得を試みました。

const modelname = sample..match(/\s(.+)(®|™)/)[1]

#問題点
上記のmatchだと「オブジェクトはnullである可能性がありますと表示されます。
そこで型推論を使って上手く出来ないかと思い下記のように修正しましまたが、やはり同じエラーが表示されます。

  const modelname = (sample.match(/\s(.+)(®|™)/) === null)
    ? null
    : sample.match(/\s(.+)(®|™)/)[1]

どのようにすれば、エラー無く書けるでしょうか？
よろしくお願いします。

Answer 1

そこで型推論を使って上手く出来ないかと思い

一度変数に入れましょう。言語上、同じメソッド呼び出しが同じ値を返すとは限らないので、「同じメソッドを呼び出すことによる型推論」はできません。

const matchResult = sample.match(/\s(.+)(®|™)/);
const modelname = matchResult && matchResult[1];

もっとも、「nullかどうか」見分けたいだけなら、?.[1]とするのが簡便ではあります。

const modelname = sample.match(/\s(.+)(®|™)/)?.[1];

Comments

[yuki_90453]

ありがとうございます。

Answer 2

正規表現について
意図しているものを取得するのはこうだと思います。

> sample1.match(/^(.+)(®|™)/)
[
  'Modle-Name®',
  'Modle-Name',
  '®',
  index: 0,
  input: 'Modle-Name® Bag hoge super - WHITE',
  groups: undefined
]

正規表現の条件分岐はこのように行うことが多いです

const modelname = sample.match(/\s(.+)(®|™)/)
if (!modelname) {
  // ヒットなし処理
} else {
  modelname // 内容あり
}

または

if (!modelname) {
  // ヒットなし処理
  return
}
modelname // 内容あり

Comments

[anozon]

もちろんmodelname は else 部分で RegExpMatchArray type として型を使用できます。
回答されている方がいますが Optional chaining (?.) もおすすめです