数値の表示

数値を表示するとき。3.1415926535…のように、必要以上に有効桁数を無視した長い文字列になるのを回避したいことがあります。また、数表作成などでは、数値の桁数を合わせたり、小数点位置を合わせたりしたくなります。
ここでは、数値を文字時列として表示するときの工夫を考えます。

いくつかの数値について、結果を示します。「固定桁数」「小数点固定」では、実際の半角空白を「*」で表示しています。

数値.toFixed(小数部桁数)

組込み関数です。小数部桁数以下を四捨五入します。
元数値の小数部桁数が指定桁数より小さいとき、右側に０が付加されます。

数値.toPrecision(有効桁数)

組込み関数です。有効桁数とは、数字の個数であり、小数点、負記号、指数部などを含まないので、表示時の桁数は一定しません。
元数値の有効桁数が指定桁数よりも小さいときは、小数点以下の右側に０が付加されます。 指定行数よりも大きいときは、四捨五入されます。
元数値の絶対値が大きく、指定桁数に入りきらないときは指数表示されます。

Round(数値)

小数点以下３位までを四捨五入します。
　　function Round(数値) { return Math.round(数値*1000)/1000; }
としているだけです。
単純なので、ライブラリにはしていません。
1000 を 100,10000 とすることにより、小数点以下２位, ４位に変更できます。

文字列 = 最大桁数(数値, 桁数)

これ以降は自作の関数です。戻り値は次の規則に従った文字列になります。文中に計算結果の数値を表示するのに役立ちます。

• ア：元数値の桁数（小数点や正負などを含めた文字列としての桁数）が指定桁数よりも小さいときは、そのまま表示。
• イ：指定桁数よりも大の場合は、小数点以下があふれる場合は、あふれる部分を切り捨てます。
• ウ：整数部分であふれる場合は、指数形式で指定桁数にします。
• エ：それでも表示できない場合は、「overflow」の指定桁数だけを戻します。

ソースリスト

<script type="text/javascript">
function 最大桁数(数値, 桁数) {
    var 文字列;
    var 最小値 = 1;
    for (var i=0; i<桁数; i++) {
        最小値 = 10*最小値;
    }
    var 最大値 = 10*最小値;
    最小値 = -最小値;
    if (数値 > 最大値) {
        文字列 = 数値.toExponential(桁数-5);
        if (文字列.length > 桁数) 文字列 = "overfrow    ".substring(0,桁数);
        return 文字列;
    }
    else if (数値 < 最小値) {
        文字列 = 数値.toExponential(桁数-6);
        if (文字列.length > 桁数) 文字列 = "overfrow    ".substring(0,桁数);
        return 文字列;
    }

    文字列 = new String(数値);                   // Ａ
    var 差 = 文字列.length - 桁数;               // Ｂ
    if (差 > 0) {
        文字列 = 文字列.substring(0, 桁数);      // Ｃ
    }
    return 文字列;                               // Ｄ
}

青字の部分

• 青字の部分は、ウ（指数形式）、エ（overfrow）の処理です。これは、以下の関数でもまったく同じです。
• 「最大値」は１０^指定桁数、「最小値」は－１０^{指定桁数－１}です。数値が最大値より大、最小値よりも小だと、指定桁数では表示できないので、指数表示にします。
• 「数値.toExponential(有効桁数)」の有効桁数について
  指数形式は、x.xxe+yのようになります。yを１桁と想定すれば「e+y」で３桁、小数点で１桁必要です。有効桁数が１でよければ「有効桁数 = 指定桁数 - 4」になりますが、実務的には２桁は必要でしょうから、有効桁数 = 指定桁数 - 5」としています。
  さらに数値が負の場合は「-」が必要になるので、「有効桁数 = 指定桁数 - 6」になります。
• yが２桁になる場合は、「overflow」とするようにしています。

黒字の部分

• Ａ：例えば、数値が12.3の場合、文字列は "12.3" の４桁、数値が123.4567の場合、文字列は "123.4567" の８桁になります。
• Ｂ：指定桁数を７とすれば、文字列は "12.3" の４桁ですから差は－３なので、Ｄで文字列がそのまま戻されます。
  文字列は "123.4567" の８桁の場合、差は１なので、Ｃに行きます。
• Ｃ：「文字列.substring(start, count)」は、文字列の先頭を０とした位置startから文字数countを取り出す操作です。Ｃにより、文字列の右側の部分が失われます。このため、四捨五入ではなく、切り捨てになります。

文字列 = 固定桁数(数値, 桁数)

数値を指定した桁数の文字列に変換します。数表作成などに役に立ちます。

• 有効桁数（符号や小数点を含む）が指定桁数より大の場合、右側の部分が削除されます。
• 小の場合は、右側に半角空白が詰められます。
• それ以外は「最大桁数」と同じです。

ソースリスト

<script type="text/javascript">
function 固定桁数(数値, 桁数) {

　　「最大桁数」の青字部分と同じ

    文字列 = new String(数値);                   // Ａ
    var 差 = 文字列.length - 桁数;               // Ｂ
    if (差 > 0) {
        文字列 = 文字列.substring(0, 桁数);      // Ｃ
    }

    else {
        for (i=0; i<-差; i++) {                  // Ｅ
            文字列 =  文字列 + " ";              // Ｆ
        }
    }

    return 文字列;                               // Ｄ
}

「最大桁数」に赤字の部分を加えただけです。
例えば指定桁数が７で、数値の文字列が "12.3" の４桁の場合、差は－３なので赤字の部分が実行されます。
Ｅは、for (i=0 i<3; i++) となり、Ｆは右端に１個の半角空白を付加するのですから、３個の半角空白が加えられ「12.3***」の７桁になります。

文字列 = 小数点固定(数値, 整数部桁数, 小数部桁数)

小数点があるので、全体の桁数は「整数部桁数 + １ + 小数部桁数」になります。
数表作成で桁数とともに小数点位置をそろえる必要がある場合に役立ちます。

• オ：数値の小数点以下の桁数が小数部桁数より大のときは、右側を切り捨てます。
• カ：数値の小数点以下の桁数が小数部桁数より小のときは、右側に半角空白が詰められます。
• キ：数値の整数部桁数が指定した整数部桁数より小の場合は、左側に半角空白が詰められます。
• ク：数値の整数部桁数が指定した整数部桁数より大の場合は、小数点の位置を右にづらします。
• これ以外は、「最大桁数」と同じです。

ソースリスト

<script type="text/javascript">
function 小数点固定(数値, 整数部桁数, 小数部桁数) {

　　「最大桁数」の青字部分と同じ

    // ＝＝＝＝＝　整数部文字列と小数部文字列の初期設定　＝＝＝＝＝
    文字列 = new String(数値);
    var 小数点位置 = 文字列.search(/\./);
    // 小数点がある場合　→　小数点位置で分離
    if (小数点位置 >= 0) {
        小数点 = ".";
        整数部文字列 = 文字列.substring(0, 小数点位置);
        小数部文字列 = 文字列.substring(小数点位置+1, 文字列.length);
    }
    // 小数点がない場合　→　文字列がそのまま整数部文字列
    else {
        小数点 = " ";
        整数部文字列 = 文字列;
        小数部文字列 = "";
    }
    //　＝＝＝＝＝　整数部の調整　＝＝＝＝＝
    var 差 = 整数部文字列.length - 整数部桁数;
    // ク：数値の整数部桁数が指定整数部桁数より大　→　小数点位置をずらす
    if (差 > 0) {
        整数部桁数 = 整数部桁数 + 差;
        小数部桁数 = 小数部桁数 - 差;
    }
    // キ：数値の整数部桁数が指定整数部桁数より小　→　左側に半角空白を詰める
    else {
        for (i=0; i< -差; i++) {
            整数部文字列 = " " + 整数部文字列;
        }
    }
    //　＝＝＝＝＝　小数部の調整　＝＝＝＝＝
    差 = 小数部文字列.length - 小数部桁数;
    // オ：数値の小数点以下の桁数が小数部桁数より大　→　右側を切り捨て
    if (差 >= 0) {
        小数部文字列 = 小数部文字列.substring(0, 小数部桁数);
    }
    // カ：数値の小数点以下の桁数が小数部桁数より小　→　右側に半角空白を詰める
    else {
        for (i=0; i< -差; i++) {
            小数部文字列 =  小数部文字列 + " ";
        }
    }

    文字列 = 整数部文字列 + 小数点 + 小数部文字列;
    return 文字列;
}
</script>