JavaScript・PHP・Vue.jsのサンプルやWordPressのテーマ・無料フォント、ブログの運営方法等の紹介

JavaScript

数字を通貨表記にする(数字をカンマ区切りにする)

JavaScriptでは通貨表記させる為の関数がありません。通貨表記させる為の方法はいくつかあると思いますが、サンプルでは、通貨表記する数値を文字列に変換した後、文字列の長さを取得し、文字列の長さで桁数取得します。その後、桁数分だけfor文を減らしながら繰り返していきます。増やしながらfor文を繰り返してしまうと、カンマ(区切り文字)などの区切りを挿入した時に、桁数が変わってしまうので、影響のないように区切りを挿入させる為です。

for文で桁数を減らしていく中で、3(区切り桁)で割り切れる時に文字列を分割し、カンマ(区切り文字)を挿入し、変換後の数値を上書きしていきます。

<html>
<head>
<title>数字を通貨表記にする(数字をカンマ区切りにする)</title>
<script language="JavaScript" type="text/javascript">

function priView(NUM) {
  //区切り桁
  partNum = 3;
  //区切り文字
  mark = ",";

  newNum = NUM + "";
  lengNum = newNum.length;

  for(i=lengNum; i>0; i--){
    if(i % partNum == 0 && i != lengNum) {
      ltNum = newNum.slice(0, -i);
      rtNum = newNum.slice(-i);
      newNum = ltNum + mark + rtNum;
    }
  }
  return newNum
}

</script>

 

関連記事

Follow us on Twitter Subscribe RSS Follow us in feedly
NATURAL PRESS

カテゴリー

このサイトについて

JavaScript・PHP・Vue.jsのサンプルや参考リンク、WEBサイト(ホームページ)で使えるアイコンや写真等の素材をダウンロード出来ます。

他にも、無料で使えるブロガーやアフィリエイター向けの、WordPressマガジンテーマ「NATURAL PRESS」を公開しています。ダウンロードや更新情報は、こちらのサイトで公開しています。

また、「WEB上手」は全ページリンクフリーですのでご自由にリンクしていただけます。リンクしていただけますと嬉しいです。

WordPress Theme NATURAL PRESS by WEB-JOZU.com