数値データをjQuery配列ループでカンマ付き金額として表示

Question

カンマで数字の金額データを表示する方法$44,721.90？ （jquery-maskが望ましいプラグインはありません）

ありがとうございます。

var name1 = { 
 
    name: "John", 
 
    money: 44721.90 
 
}; 
 
var name2 = { 
 
    name: "Mayer", 
 
    money: 16715.79 
 
}; 
 

 
var names = [name1, name2]; 
 
    
 
function show() { 
 
    for (var i = 0; i < names.length; i++) { 
 
    $(".money").append('<span class="name">' + names[i].name + ' </span><span class="budget"> $' + names[i].money + '</span><br>'); 
 
    } 
 
} 
 

 
show();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="money"></div>

Answer 1

あなたがES6の番号フォーマット方法（see here）を使用することができます下記

DEMO：

var name1 = { 
 
    name: "John", 
 
    money: 44721.90 
 
}; 
 
var name2 = { 
 
    name: "Mayer", 
 
    money: 16715.79 
 
}; 
 

 
var names = [name1, name2]; 
 

 
function show() { 
 
    var numFormat = new Intl.NumberFormat("en-US"); 
 
    for (var i = 0; i < names.length; i++) { 
 
     $(".money").append('<span class="name">' + names[i].name + ' </span><span class="budget"> $' + numFormat.format(names[i].money) + '</span><br>'); 
 
    } 
 
} 
 

 
show();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="money"></div>

また、数の書式（see here）にスタイルプロパティを渡すことによって、それは通貨の書式です使用することができますBELOW

DEMO：可能

var name1 = { 
 
    name: "John", 
 
    money: 44721.90 
 
}; 
 
var name2 = { 
 
    name: "Mayer", 
 
    money: 16715.79 
 
}; 
 

 
var names = [name1, name2]; 
 

 
function show() { 
 
    var numFormat = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }); 
 
    for (var i = 0; i < names.length; i++) { 
 
     $(".money").append('<span class="name">' + names[i].name + ' </span><span class="budget">' + numFormat.format(names[i].money) + '</span><br>'); 
 
    } 
 
} 
 

 
show();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="money"></div>

Answer 2

これは助けることができる

function formatee(num) { 
    var dec = ""; 
    var result = ""; 
    if(num != parseInt(num)) { 
     // get decimal part if exist 
     dec = "." + (num+'').replace(/\d+\./, ''); 
    } 
    num = parseInt(num); 
    while(num > 1000) { 
     result = leadZero(num%1000) + (result ? ',' : '') + result; 
     num = parseInt(num/1000); 
    } 
    result = num + (result ? ',' : '') + result + dec; 
    return result; 
} 
function leadZero(numb) { 
    return (numb < 100 ? '0':'') + (numb < 10 ? '0':'') + numb; 
}