【javascript・react】stateの中身を形式別で調べる方法

お題

stateの中身を形式別で調べる方法

stateのオブジェクトは、ifで判定した場合中身が存在すればtrue・何もなければfalseとして

返される。オブジェクトによって何らかの処理を分けたい場合は以下のようにする。

if(this.state.object){
  //存在する場合
} else {
  //それ以外(存在しない場合)
}

if(this.state.object === null)でも判定可能。

また、stateに配列を格納していて配列の有無に応じて処理を分けたい場合は、lengthで配列の

長さを測る。

こちらの判定は、配列の長さが0の場合はfalse・1つでも要素があった場合はtrueとして返される。

if(this.state.array.length > 0){
  //1つでも要素が存在する場合の処理
} else {
  //それ以外(配列の長さが0の場合)
}

まとめ

従来の配列・オブジェクトであってもstateに格納していても判定方法は変わらないのでご承知をば。

>株式会社シーポイントラボ

株式会社シーポイントラボ

TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:〒432-8003
   静岡県浜松市中央区和地山3-1-7
   浜松イノベーションキューブ 315
※ご来社の際はインターホンで「316」をお呼びください

CTR IMG