TypeScriptで存在しなければ処理しない判定

Question

こんにちは。
TypeScriptについて基本的な事を聞きたいのですが。
このような複数Validationを一つにまとめたカスタムValidationにしたいのですが。

interface chkParam {
 min?: number;
 max?: number;
 isRequired? boolean;
}
export const chkText = (param: chkParam, validationOptions?: ValidationOptions) => {
  return applyDecorators(
    IsNotEmpty({'message' : '必須です'}),
    MinLength(param.min, {'message' : '桁以上で入力して'}),
    MaxLength(param.max, {'message' : '桁以下で入力して'}),
  );
}

↑の通り、param引数は省略可能です。
applyDecorators()に未指定の場合はチェックを含めない様にするにはどうすれば良いのでしょうか？

↓この様なイメージの事が出来れば良いのですが、拒否されてしまいます。。

  let decorators: Array<PropertyDecorator> = [];

  if (param.min && param.min > 0) {
    decorators.push(MinLength(param.min, {'message' : '桁以上で入力して'}));
  }
  if (param.max && param.max > 0) {
    decorators.push(MaxLength(param.max, {'message' : '桁以上で入力して'}));
  }

  return applyDecorators(decorators);

お分かりになる方いましたら、アドバイス頂ければ幸いです。

Comments

[maisumakun]

> 拒否されてしまいます

具体的に、どうなるのですか？

[ukyoda]

これはNestJSですか？`applyDecorators`はTypeScriptの仕様ではないので
使っているライブラリで問題を調べたほうがいい気がします。

[bobo]

ありがとうございます！

＞maisumakunさん
ライブラリ側のIFとして、Array<ClassDecorator | MethodDecorator | PropertyDecorator>となっていた為、合わせたつもりなのですが。。

Argument of type '(ClassDecorator' | 'MethodDecorator' | 'PropertyDecorator')[] is not assignable parameter of type 'ClassDecorator | MethodDecorator | PropertyDecorator'.

と怒られます。そもそも宜しくない書き方なのか判断できずにいます。

＞ukyodaさん
仰る通りです。.tsファイルでVSCodeで開発しており、文法的な質問だったのでTypeScriptかと思ってました。失礼しました。

こんな感じでも受け渡せればいいのですが・・(これはnullが入るのはそれでおかしいですが・・)
return applyDecorators(
!!param.IsNotEmpty ? IsNotEmpty({'message' : '必須です'}) : null,
!!param.min ? MinLength(param.min, {'message' : '桁以上で入力して'}) : null,
!!param.max ? MaxLength(param.max, {'message' : '桁以下で入力して'}) : null,
);

Answer 1

NestJS詳しくないので、もしかしたら解決しないかもしれませんが・・・、おそらくこうするのではないかと・・・。

  let decorators: Array<PropertyDecorator> = [];

  if (param.min && param.min > 0) {
    decorators.push(MinLength(param.min, {'message' : '桁以上で入力して'}));
  }
  if (param.max && param.max > 0) {
    decorators.push(MaxLength(param.max, {'message' : '桁以上で入力して'}));
  }
  // ↓ここの引数が「decorators」ではなく「...decorators」です。
  return applyDecorators(...decorators);

こちらの、NestJSのコードベースにあるapplyDecoratorのコードを確認すると、

export function applyDecorators(
  ...decorators: Array<ClassDecorator | MethodDecorator | PropertyDecorator>
) {
   ・・・
}

となっています。このとき、引数...decoratorsは可変長引数です。
つまり、applyDecoratorsにはClassDecoratorかMethodDecoratorかPropertyDecoratorの値を、好きな個数引数に指定することができるということがわかります。

今回、bonさんが書かれたapplyDecorators(decorators)だと、Array<PropertyDecorator>型の変数を1つ指定していることになるため、型が一致せずにエラーになってしまいます。

回答に書いた通り、関数に...decoratorsのように...をつけて引数に指定する書き方は、「スプレッド構文」といいます。これは、配列の中身を展開して引数にセットしてくれます。詳しくはこちらを参照してください。

念の為、可変長引数とスプレッド構文の簡単な検証PGを載せておきます。よくわからないようであれば、実際に動かしてどういうふうになるか確認されると良いと思います。

// 可変長引数を受け取り、中身を確認するだけの関数
const func = (...args) => {
    console.log(args)
}

// func関数を使ってみましょう
func()          // []
func(1)         // [1]
func(1, 2)      // [1, 2]
func(1, 2, 3)   // [1, 2, 3]
func([1, 2, 3]) // [[1, 3, 3]]
func([1, 2], 3) // [[1, 2], 3]

// 下記はどんな出力になるでしょうか？？
const vals = [1, 2, 3, 4]
func(vals)
func(vals[0], vals[1], vals[2], vals[3])
func(...vals)

Comments

[bobo]

ありがとうございます！
仰る通りでした。ここまで詳細に記載いただいて本当に恐縮です。
「スプレッド構文」も併せて勉強になりました。本当に感謝です。
ありがとうございます！

[ukyoda]

解決したようで何よりです^^