数字实现千位分割

古城微笑少年丶 2022-04-16 03:20 446阅读 0赞

源网站：https://wenda.so.com/q/1461341937726162

js将数字千位分割的6个方法

  1. function toThousands1(num) {
  2.                 var result = [],
  3.                     counter = 0;
  4.                 num = (num || 0).toString().split('');
  5.                 for(var i = num.length - 1; i >= 0; i--) {
  6.                     counter++;
  7.                     result.unshift(num[i]);
  8.                     if(!(counter % 3) && i != 0) {
  9.                         result.unshift(',');
  10.                     }
  11.                 }
  12.                 return result.join('');
  13.             }
  15.             function toThousands2(num) {
  16.                 var result = '',
  17.                     counter = 0;
  18.                 num = (num || 0).toString();
  19.                 for(var i = num.length - 1; i >= 0; i--) {
  20.                     counter++;
  21.                     result = num.charAt(i) + result;
  22.                     if(!(counter % 3) && i != 0) {
  23.                         result = ',' + result;
  24.                     }
  25.                 }
  26.                 return result;
  27.             }
  29.             function toThousands3(num) {
  30.                 var num = (num || 0).toString(),
  31.                     re = /\d{3}$/,
  32.                     result = '';
  33.                 while(re.test(num)) {
  34.                     result = RegExp.lastMatch + result;
  35.                     if(num !== RegExp.lastMatch) {
  36.                         result = ',' + result;
  37.                         num = RegExp.leftContext;
  38.                     } else {
  39.                         num = '';
  40.                         break;
  41.                     }
  42.                 }
  43.                 if(num) {
  44.                     result = num + result;
  45.                 }
  46.                 return result;
  47.             }
  49.             function toThousands4(num) {
  50.                 var num = (num || 0).toString(),
  51.                     result = '';
  52.                 while(num.length > 3) {
  53.                     result = ',' + num.slice(-3) + result;
  54.                     num = num.slice(0, num.length - 3);
  55.                 }
  56.                 if(num) {
  57.                     result = num + result;
  58.                 }
  59.                 return result;
  60.             }
  62.             function toThousands5(num) {
  63.                 var num = (num || 0).toString(),
  64.                     temp = num.length % 3;
  65.                 switch(temp) {
  66.                     case 1:
  67.                         num = '00' + num;
  68.                         break;
  69.                     case 2:
  70.                         num = '0' + num;
  71.                         break;
  72.                 }
  73.                 return num.match(/\d{3}/g).join(',').replace(/^0+/, '');
  74.             }
  76.             function toThousands6(num) {
  77.                 return(num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
  78.             }

下面放上可以直接测试网页

  1. <!DOCTYPE html>
  2. <html>
  4.     <head>
  5.         <meta charset="UTF-8">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7.         <title></title>
  8.         <style type="text/css">
  9.             table {
  10.                 width: 100%;
  11.                 text-align: center;
  12.             }
  13.         </style>
  14.     </head>
  16.     <body>
  18.         <table border="0" cellspacing="10" cellpadding="10">
  19.             <tr>
  20.                 <th colspan="7">数字 执行5000次消耗的时间（ms）</th>
  21.             </tr>
  22.             <tr>
  23.                 <td>次数</td>
  24.                 <td>toThousands1</td>
  25.                 <td>toThousands2</td>
  26.                 <td>toThousands3</td>
  27.                 <td>toThousands4</td>
  28.                 <td>toThousands5</td>
  29.                 <td>toThousands6</td>
  30.             </tr>
  31.             <tr>
  32.                 <td>1</td>
  33.                 <td>4</td>
  34.                 <td>1</td>
  35.                 <td>3</td>
  36.                 <td>1</td>
  37.                 <td>14</td>
  38.                 <td>2</td>
  39.             </tr>
  40.             <tr>
  41.                 <td>10</td>
  42.                 <td>14</td>
  43.                 <td>1</td>
  44.                 <td>3</td>
  45.                 <td>0</td>
  46.                 <td>7</td>
  47.                 <td>2</td>
  48.             </tr>
  49.             <tr>
  50.                 <td>100</td>
  51.                 <td>12</td>
  52.                 <td>1</td>
  53.                 <td>2</td>
  54.                 <td>4</td>
  55.                 <td>5</td>
  56.                 <td>3</td>
  57.             </tr>
  58.             <tr>
  59.                 <td>1000</td>
  60.                 <td>13</td>
  61.                 <td>2</td>
  62.                 <td>3</td>
  63.                 <td>2</td>
  64.                 <td>9</td>
  65.                 <td>5</td>
  66.             </tr>
  67.             <tr>
  68.                 <td>10000</td>
  69.                 <td>21</td>
  70.                 <td>4</td>
  71.                 <td>3</td>
  72.                 <td>1</td>
  73.                 <td>6</td>
  74.                 <td>3</td>
  75.             </tr>
  76.             <tr>
  77.                 <td>100000</td>
  78.                 <td>21</td>
  79.                 <td>3</td>
  80.                 <td>2</td>
  81.                 <td>1</td>
  82.                 <td>5</td>
  83.                 <td>6</td>
  84.             </tr>
  86.             <tr>
  87.                 <td><input type="" name="inp" id="inp" value="" placeholder="输入数字" /></td>
  88.                 <td id="t1"></td>
  89.                 <td id="t2"></td>
  90.                 <td id="t3"></td>
  91.                 <td id="t4"></td>
  92.                 <td id="t5"></td>
  93.                 <td id="t6"></td>
  94.             </tr>
  95.         </table>
  96.         <script src="js/jquery-1.11.2.min.js" type="text/javascript" charset="utf-8"></script>
  97.         <script type="text/javascript">
  98.             $("inp").addEventListener("input", function(event) {
  99.                 var inpvalue = this.value;
  100.                 var t1 = toThousands1(inpvalue);
  102.                 $("t1").innerHTML = t1;
  103.                 //console.log("t1",t1)
  104.                 var t2 = toThousands2(inpvalue);
  106.                 $("t2").innerHTML = t2;
  107.                 //console.log("t2",t2)
  108.                 var t3 = toThousands3(inpvalue);
  109.                 $("t3").innerHTML = t3;
  110.                 //console.log("t3",t3)
  111.                 var t4 = toThousands4(inpvalue);
  112.                 $("t4").innerHTML = t4;
  113.                 //console.log("t4",t4)
  114.                 var t5 = toThousands5(inpvalue);
  115.                 $("t5").innerHTML = t5;
  116.                 //console.log("t5",t5)
  117.                 var t6 = toThousands6(inpvalue);
  118.                 $("t6").innerHTML = t6;
  119.                 //console.log("t6",t6)
  120.             })
  122.             function $(id) {
  123.                 return document.getElementById(id);
  124.             }
  126.             function toThousands1(num) {
  127.                 var result = [],
  128.                     counter = 0;
  129.                 num = (num || 0).toString().split('');
  130.                 for(var i = num.length - 1; i >= 0; i--) {
  131.                     counter++;
  132.                     result.unshift(num[i]);
  133.                     if(!(counter % 3) && i != 0) {
  134.                         result.unshift(',');
  135.                     }
  136.                 }
  137.                 return result.join('');
  138.             }
  140.             function toThousands2(num) {
  141.                 var result = '',
  142.                     counter = 0;
  143.                 num = (num || 0).toString();
  144.                 for(var i = num.length - 1; i >= 0; i--) {
  145.                     counter++;
  146.                     result = num.charAt(i) + result;
  147.                     if(!(counter % 3) && i != 0) {
  148.                         result = ',' + result;
  149.                     }
  150.                 }
  151.                 return result;
  152.             }
  154.             function toThousands3(num) {
  155.                 var num = (num || 0).toString(),
  156.                     re = /\d{3}$/,
  157.                     result = '';
  158.                 while(re.test(num)) {
  159.                     result = RegExp.lastMatch + result;
  160.                     if(num !== RegExp.lastMatch) {
  161.                         result = ',' + result;
  162.                         num = RegExp.leftContext;
  163.                     } else {
  164.                         num = '';
  165.                         break;
  166.                     }
  167.                 }
  168.                 if(num) {
  169.                     result = num + result;
  170.                 }
  171.                 return result;
  172.             }
  174.             function toThousands4(num) {
  175.                 var num = (num || 0).toString(),
  176.                     result = '';
  177.                 while(num.length > 3) {
  178.                     result = ',' + num.slice(-3) + result;
  179.                     num = num.slice(0, num.length - 3);
  180.                 }
  181.                 if(num) {
  182.                     result = num + result;
  183.                 }
  184.                 return result;
  185.             }
  187.             function toThousands5(num) {
  188.                 var num = (num || 0).toString(),
  189.                     temp = num.length % 3;
  190.                 switch(temp) {
  191.                     case 1:
  192.                         num = '00' + num;
  193.                         break;
  194.                     case 2:
  195.                         num = '0' + num;
  196.                         break;
  197.                 }
  198.                 return num.match(/\d{3}/g).join(',').replace(/^0+/, '');
  199.             }
  201.             function toThousands6(num) {
  202.                 return(num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
  203.             }
  204.         </script>
  205.     </body>
  207. </html>

发表评论

表情：
评论列表 （有 0 条评论，446人围观）

还没有评论，来说两句吧...

相关阅读