Math.maxとMath.minで書く値の上限下限設定(まだif文使ってるの?) : 背景 皆さんはこれまで数値の上限設定する場合にどのように書いていましたか?ひよっこエンジニアの私はif文を使ってしていました。 例えば、1から5の間に制限したい場合.... const maxNum = 5; const minNum = 1; let num = 3; // 初期値を3としておく // ------------ // 加算された場合 // ------------ num += 3; // この時点でnumは6 if (num >= maxNum){ //しかし5以上になっているので num = maxNum // numは5に書き換えられる } console.log(num) // 結果:5(最大制限値に収まる) // ------------ // 減産された場合 // ------------ num -= 3 //この時点ではnumは0 if (num <= minNum){ //numは0で1以下でこれに当てはまるので num = minNum //numは1にする } console.log(num) // 結果:1(最大制限値に収まる) 最近までこの書き方をしていたのですが、メンターの方にかっこいい書き方を教わったので、紹介します! 書き方 それがこちら! const maxNum = 5; const minNum = 1; let num = 3; // 1. 加算の場合 Math.max(minNum, Math.min(maxNum, num + 3)); // 結果: 5 // 2. 減算の場合 Math.max(minNum, Math.min(maxNum, num - 10)); // 結果: 1 すごくないですか?! Math.max() と Math.min() を組み合わせるだけで設定できちゃうんですよ!(え、知らなかったの僕だけ?ww) ここで何が起きているか説明します。一つ目の式をサンプルとして見ていきます。 説明 まず、① Max.min() の中身を見てみましょう。 Math.min(max...