CSSでプロパティを自由自在にアニメーションさせる方法/animation-name、duration、@keyframesの使い方

pythonでフォルダ名を組み合わせて環境に合ったパスを生成する方法/os.path.join関数の使い方

Illustrator（イラレ）で複数のオブジェクトをくっつける・切り抜く方法/シェイプ形成ツールの使い方

Unity C#でマウスホイール回転時に値を取得する、イベントを起こす方法/ScrollWheelの使い方

Excel（エクセル）で関数で文字を置換する方法/Substitute関数の使い方

Photoshopで選択範囲を塗り潰す方法/新規塗り潰しレイヤー（べた塗り）の使い方

Excel VBA（マクロ）でシートの名前を取得・変更する方法/Nameプロパティの使い方

ExcelVBA（マクロ）で音を鳴らす方法/Beepメソッド、Shellメソッドの使い方

HOTOKE AIの使い方

Power Automate Desktopでウィンドウを全て最小化する、デスクトップを表示する方法

Power Automate Desktopで二つのリストを繋げる、リストを統合する方法

Excelでセルを選択した時に、自動的にひらがなやカタカナ、半角英数字が入力できるようにする方法/データの入力規則（日本語入力）の使い方

Excel（エクセル）で新しいファイル（ブック）を作成する方法/BackStageビューの使い方

Swimで仮想通貨をクロスチェーンスワップする、ブリッジする方法

Excel（エクセル）でリストから入力済のデータをコピーするショートカット/Alt+↓の使い方

Excel（エクセル）でローマ数字←→アラビア数字を変換する方法/Roman、Arabic関数の使い方

Excel（エクセル）で自動保存の間隔を変更・自動保存を中止する方法

ComicStudio（コミスタ）で消しゴムをかける方法/消しゴムツールの使い方

JavaScriptで小数点を切り捨てて整数にする方法/Math.floor関数の使い方

IT

2022.11.30

Math.floor関数では、小数点を切り捨てして整数値にすることができます。

Math.floor関数

click me!

前置きとしてMath.random関数を用いて、0以上10未満の値を求めてみます。

//JavaScript
function rndTest10(){
//ランダムな0～10の値を取得する
const rnd = Math.random() * 10;
alert(rnd);
}

$math.floor1$

結果はこんな感じで、押すたびにランダムな値を返します。

//JavaScript
function rndTest10f(){
//ランダムな0～10の値を取得する
const rnd = Math.random() * 10;
//値を小数点以下切り捨てする
const rndf = Math.floor(rnd);
alert(rndf);
}

今度は、取得した値に対しMath.floor関数を使用して、値の小数点以下を切り捨てた整数に変換して出力してみます。

click me!

実装したボタンがこちら。クリックすると、

$math.floor2$

押すたびに0～9のランダムな値を返すことが確認できます。

JavaScriptの使い方・メソッド・プロパティまとめ

HTML/CSSとセットでフロントエンドエンジニア三種の神器のひとつ、JavaScript系の記事まとめです。

コメント