문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

====== JavaScript 원화 표시 ======
<WRAP left notice 70%>
  * description : JavaScript 원화 표시
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2023-01-26 Thu
</WRAP>
<WRAP clear></WRAP>
\\

===== JavaScript 원화 표시 =====
<code javascript>
const price = "14340";
let USDollar = new Intl.NumberFormat('en-Us', {
    style: 'currency',
    currency: 'USD'
});
console.log(`The foramtted version of ${price} is ${USDollar.format(price)}`);
// The foramtted version of 14340 is $14,340.00


const price1 = "3722407";
let result = new Intl.NumberFormat('ko-KR').format(price1);
console.log(result);
// 3,722,407


const price2 = 1270000;
let KRWon = new Intl.NumberFormat('ko-KR', {
    style: 'currency',
    currency: 'KRW'
});

let KRWonChanged = KRWon.format(price2);

console.log(typeof price2); // number
console.log(KRWonChanged);  // ₩1,270,000
console.log(typeof KRWonChanged);   // string

let original = KRWonChanged.substring(1).replace(/\,/g,'');
console.log(original);  // 1270000
</code>
\\
<code javascript>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <title>Regex Test</title>
</head>
<body>
    
    <div>
        <label for="test">regexTest</label>
        <input id="test" type="text">
    </div>


    <script>
        $(document).on('keyup', 'input#test', function(){

            $(this).val($(this).val().replace(/[^0-9]/,''));
            let $inputVal = $(this).val();
            
            console.log($inputVal);

            let KRWon = new Intl.NumberFormat('ko-KR', {
                style: 'currency'
                , currency : 'KRW'
            });

            let changedToKRWon = KRWon.format($inputVal);
            console.log(changedToKRWon);

            $inputVal = changedToKRWon;

            $('input#test').on('focusout', function(){
                $(this).val(changedToKRWon);
            });

            $('input#test').on('focusin', function(){
                let original = changedToKRWon.substring(1).replace(/\,/g,'');
                $(this).val(original);
            })
        });

    </script>
</body>
</html>
</code>
\\












===== Ref Link ====
[[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat|Intl.NumberFormat]]\\
[[https://en.wikipedia.org/wiki/ISO_4217|ISO 4217 통화코드]]\\
[[https://en.wikipedia.org/wiki/Currency_symbol|Currency Symbol 통화 기호]]\\


{{tag> 오션 Javascript 원화_표시 Intl.NumberFormat}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구