Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8925

typescriptでnumberが自然数かどうか、booleanで返す関数

$
0
0

typescriptで自然数を判別したい

調べると、型でなんとかしようとする記事が目立った。
でもなんかむずそうだから、普通に関数でやろうと思った。

// 自然数だったらtrueを返すconstisNatureNum=(num:number):boolean=>num&&num>0&&isInteger(num);

使い所

cssのプロパティって、自然数しか使えない場面ってある。
自分の場合、grid使うときにrowを制限したいときとか使った。
この実装だとlimitRownull , undefined , 0 , ''らへんは全部grid-auto-rowsになるはず(間違ってたらごめんね)
そもそも型でnumberに絞ってるけどね。

isNatureNum(prop.limitRow)?{overflow:'hidden',gridTemplateRows:`${prop.gridHeight}`,height:'auto',maxHeight:`calc(${prop.gridHeight} * ${prop.limitRow})`,}:{gridAutoRows:`${prop.gridHeight}`};

もっといい方法あったら教えてください


Viewing all articles
Browse latest Browse all 8925

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>