マイナス1以上0未満(例:-0.1)の文字列⇒数値変換

Question

ボールドテキスト### 前提・実現し文字列⇒数字変換時におけるマイナス1以上0未満の数値変換たいこと

引数（＋/－、小数点以下、含む）で渡された値を3桁カンマ区切りにし、数字変換する処理を作成したい。

発生している問題・エラーメッセージ

引数で渡された値を整数部分・小数部分に分割し、カンマ区切りした整数を小数部分と結合して
戻り値としている。この時、引数が-1<引数<0（例：-0.1）の場合、整数部分が-0となり、
Number関数を使って数値変換すると0になってしまう。
(結合の後に、0以下の値（0.2）に対し、-1(マイナス1)を掛け、数値変換しても-0.2には変換されない)

該当のソースコード

            addFigure:function(numVal) {
              // 空の場合そのまま返却
              if (numVal == ''){
                return '';
              }
              // 全角から半角へ変換し、カンマ&数字以外が入力されていたら事前に削除
              var numVal_HalfWidth = this.toHalfWidth(numVal).replace(/,/g, "").trim();
              
              // 整数部分と小数部分に分割
              var numData = numVal_HalfWidth.toString().split('.');
              // 整数部分が-0だった場合
              if (Object.is(numData[0], '-0')) {

                numData[0] = Number(numData[0]);
                // 小数部分と結合して返却
                return numData.join('.');   
              }
              else{
                // 整数部分を3桁カンマ区切りへ
                numData[0] = Number(numData[0]).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
                // 小数部分と結合して返却
                return numData.join('.');              
              }

            },
             
            /**
             * 全角から半角への変革関数
             * 入力値の英数記号を半角変換して返却
             * [引数]   strVal: 入力値
             * [返却値] String(): 半角変換された文字列
             */
            toHalfWidth:function(strVal){
              // 半角変換
              var halfVal = strVal.replace(/[！-～]/g,
                function( tmpStr ) {
                  // 文字コードをシフト
                  return String.fromCharCode( tmpStr.charCodeAt(0) - 0xFEE0 );
                }
              );
              return halfVal;
            },
             

試したこと

Number関数以外（parse関数など）の数値変換

Answer 1

やっていることは、タイトルに書いてある「文字列⇒数値変換」ではなく、「与えられた文字列から、整数部分を3桁カンマ区切りにした文字列を生成」ですよね。

そうであれば、無理にNumber型にする必要はないので、整数部が'-0'のときは、そのままjoinすればいいのでは。

              // 整数部分が-0だった場合
              if (Object.is(numData[0], '-0')) {

-               numData[0] = Number(numData[0]);
                // 小数部分と結合して返却
                return numData.join('.');   
              }

もし、-0000.2とかにも対応したいのなら、先頭の符号と整数値と見なせる部分を分離して処理すればいいでしょう。

              if (numData[0].search(/^-0+$/) >= 0) {
                numData[0] = '-' + Number(numData[0].substr(1));
                return numData.join('.');
              }

Comments

[Otaka-A]

ご指摘いただいた形でもできました！ありがとうございました！

Answer 2

整数部分をカンマ区切りにした文字列にしたいのやったら、toLocaleStringを使うと楽やでえ。コレの使い方の例として、addFigureにちょいと手え入れさせてもらうと、こないな感じかのう。

addFigure: function(numVal) {
  // 空の場合そのまま返却
  if (numVal == '') {
    return '';
  }
  // 全角から半角へ変換し、数字、ピリオド、ハイフン以外は削除
  var numVal_HalfWidth = this.toHalfWidth(numVal).replace(/[^0-9.-]/g, "");

  // 数値への変換を試みる
  var value = Number(numVal_HalfWidth);

  // 変換結果がNaNの場合は空文字列を返し、NaNではない数値に変換できたらカンマ区切りの文字列を返す。(小数点以下は最大８桁まで)
  return Number.isNaN(value) ? '' : value.toLocaleString('ja-JP', { maximumFractionDigits: 8 });
},

➡ サンプル

Comments

[Otaka-A]

迅速なご回答ありがとうございました！toLocaleStringを使用したらエラーとなった部分も含めカンマ区切りにできました！コードもシンプルになり、参考になりました。