MENU

JavaScript構文

【JavaScript】 商と剰余(割り算の余り)を求める方法

更新日:2021/09/10

 

商と余りの計算方法を時々忘れてしまうので、メモとして残しておきます。

 

このページの目次
  1. 剰余の求め方
  2. 商を求める

剰余の求め方

 

JavaScriptで剰余をおこなう演算子は『 % 』です。

 


console.log( 5 % 2 ); // 1

 

割られる数に0を指定すると、結果が0になります。
割る数に0を指定すると、結果が NaN になります。

 

NaNは、数値ではないという結果を表す値です。

 


console.log( 0 % 5 ); // 0
console.log( 5 % 0 ); // NaN
console.log( 0 % 0 ); // NaN

 

文字列を指定すると、内部で数値に変換して、剰余を求めてくれます。

 


console.log( 5 % "2" ); // 1
console.log( "5" % 2 ); // 1
console.log( "5" % "2" ); // 1

 

ただし数値に変換できる文字列以外を指定すると、結果が NaN になります。

 


console.log( 5 % "abc" ); // NaN

 

僕のように、「文字列と数値で計算するなんて気持ち悪い」という人は、事前にチェックをして数値に変換しておきましょう。

 

文字列を数値に変換する関数

 


    // 数値はそのまま、数値文字列は数値に、その他はNaNを返す
const convertNumber = value => {
    if ( Number.isFinite( value ) ) return value;
    return  typeof value !== "string" ? NaN : Number( value );
};

console.log( convertNumber( 1 ) );   // 1
console.log( convertNumber( "1" ) );   // 2
console.log( convertNumber( "1a" ) );  // NaN
console.log( convertNumber( true ) );  // NaN
console.log( convertNumber( null ) );  // NaN

 

 

結果がNaNかどうかの確認は、isNaN()を使用します。
===== では比較できません。
結果が常に、falseになるからです。

 


const value = convertNumber( "1a" );

console.log( value === NaN ); // false
console.log( isNaN( value ) ); // true

 

 

余りを計算することで、偶数奇数判定もできます。
【JavaScript】 偶数奇数を判定する

商を求める

 

商は『 / 』で割り算をおこないます。
ただし、結果に小数点が含まれるのでMath.floor()で整数に変換します。

 

 


 // 小数点が含まれる
console.log( 20 / 7 ); // 2.857142857142857

 // Math.floor()で整数に変換
console.log( Math.floor(20 / 7) ); // 2

 

JavaScriptの割り算は、剰余計算と同じように数値文字列を受け付けます。
数値と判定されない文字列を指定すると、NaNが返るのも同じです。

 


console.log( 5 / "2" ); // 2.5
console.log( "5"/ 2 ); // 2.5
console.log( "5" / "2" ); // 2.5

console.log( "5" / "abc" ); // NaN

 

また、割る数に0を指定すると、Infinityが返ります。
Infinityは、無限大を表す数値です。

 

ただし割る数も0の場合、結果はNaNになります。

 


console.log( 0 / 5 ); // 0
console.log( 5 / 0 ); // Infinity
console.log( 0 / 0 ); // NaN

 

Infinityは、isNaN()で確認できません。

 


console.log( isNaN( 0 / 0 ) ); // NaN → true
console.log( isNaN( 5 / 0 ) ); // Infinity → false

 

そのため、0で割り算されたかどうかの確認には、isNaN()を使用できません。

 

Number.isFinite( )を使用すると、同じ結果を返します。

 


console.log( Number.isFinite( 0 / 0 ) ); // NaN → false
console.log( Number.isFinite( 5 / 0 ) ); // Infinity → false

 

計算前に割る数が0かどうか確認するのが、望ましいケースもあります。

 

値が文字列の可能性がある場合は、文字列を数値に変換する関数で紹介した方法で数値に変換してから、0かどうかチェックしてください。

けーちゃんおススメJavaScript入門書

  • スラスラ読める JavaScript ふりがなプログラミング
  • プログラム未経験者がJavaScript始めるならコレ!
    コードを掲載して自分で理解しろという投げっぱなしな入門書とは異なり、コードに一つ一つどんなことをやっているかをふりがなという形式で解説しています。
    それでいてJavaScriptの基礎と応用を学べる良書です。
  • これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん
  • JavaScriptの機能を実践で活かすにはHTMLやCSSの知識が不可欠です。
    しかしそれらの知識があることが前提として書かれている書籍が多い中、この本は総合的な知識を身に着けることができます。
    HTMLやCSSの知識も不安な方には、ぴったりの一冊です
  •  

    入門書の役割は、自分のやりたいことをネットで調べることができるようになるための、基礎的な知識の獲得です。
    まずはこれらの本でしっかりと基礎知識を身につけましょう。
    そしてもっと高度なことや専門的なことはネットで調べ、情報が足りないと感じたら書籍を購入してください。


    記事の内容について

     

    こんにちはけーちゃんです。
    説明するのって難しいですね。


    「なんか言ってることおかしくない?」
    たぶん、こんなご意見あると思います。

    裏付けを取りながら記事を作成していますが、僕の勘違いだったり、そもそも情報源の内容が間違えていたりで、正確でないことが多いと思います。

    そんなときは、ご意見もらえたら嬉しいです。

    ご意見はこちら。
    https://note.affi-sapo-sv.com/info.php

    【お願い】

    お願い

    ■このページのURL


    ■このページのタイトル


    ■リンクタグ


    ※リンクして頂いた方でご希望者には貴サイトの紹介記事を作成してリンクを設置します。
    サイト上部の問い合わせよりご連絡ください。
    ただしサイトのジャンルによっては、お断りさせていただくことがあります。