[js] 천 단위 콤마(,) 붙이기

2023. 12. 27. 14:32·🚀 from error to study/Front-End

 

 

 

 

이거를

 

 

이렇게 만들고 싶은데

 

 

 js에서 뿌려 주는 부분은

이렇게나 많이 된다는 사실이 나를 미치게 한다,,

 

이걸 노가다로 해결한다면 toLocaleString()을 모두 써서 아래처럼 만들 수 있다

참 쉽죠? 하하하

renderMenuTimeKindList: function(data){

    if(data.menuTimeSumRatioList.length > 0){
        // 천단위 숫자에 콤마 표시
        for(var i = 0; i < data.menuKindList.length; i++) {
            var sum07Time = data.menuKindList[i].sum07Time * 1;
            var sum08Time = data.menuKindList[i].sum08Time * 1;
            var sum09Time = data.menuKindList[i].sum09Time * 1;
            var sum10Time = data.menuKindList[i].sum10Time * 1;
            var sum11Time = data.menuKindList[i].sum11Time * 1;
            var sum12Time = data.menuKindList[i].sum12Time * 1;
            var sum13Time = data.menuKindList[i].sum13Time * 1;
            var sum14Time = data.menuKindList[i].sum14Time * 1;
            var sum15Time = data.menuKindList[i].sum15Time * 1;
            var sum16Time = data.menuKindList[i].sum16Time * 1;
            var sum17Time = data.menuKindList[i].sum17Time * 1;
            var sum18Time = data.menuKindList[i].sum18Time * 1;
            var sum19Time = data.menuKindList[i].sum19Time * 1;
            var sum20Time = data.menuKindList[i].sum20Time * 1;
            var sum21Time = data.menuKindList[i].sum21Time * 1;
            var sum22Time = data.menuKindList[i].sum22Time * 1;
            var sumEtcTime = data.menuKindList[i].sumEtcTime * 1;
            var menuAllTimeSum = data.menuKindList[i].menuAllTimeSum * 1;

            data.menuKindList[i].sum07Time = sum07Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum08Time = sum08Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum09Time = sum09Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum10Time = sum10Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum11Time = sum11Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum12Time = sum12Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum13Time = sum13Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum14Time = sum14Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum15Time = sum15Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum16Time = sum16Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum17Time = sum17Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum18Time = sum18Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum19Time = sum19Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum20Time = sum20Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum21Time = sum21Time.toLocaleString("ko-KR");
            data.menuKindList[i].sum22Time = sum22Time.toLocaleString("ko-KR");
            data.menuKindList[i].sumEtcTime = sumEtcTime.toLocaleString("ko-KR");
            data.menuKindList[i].menuAllTimeSum = menuAllTimeSum.toLocaleString("ko-KR");
        }
    }

    $("#menuTimeKind_tbodyContent").html(Mustache.render($("#menuTimeKind_tbodyTemplate").html(), {list:data.menuKindList}));
    $("#menuTimeKind_tfootContent").html(Mustache.render($("#menuTimeKind_tfootTemplate").html(), {list:data.menuTimeSumRatioList}));
}

 

 

 

아니다..

나는 이러려고 개발자가 된 것이 아니다..

이것은 개발자가 아니다... 그 뭐냐... 코더다... 암튼... 챗 지피티한테 쪼르르 달려가서 고쳐 달라고 했다

 

 

 

그냥 냅다 고쳐 달라고 하면 고쳐 준다..
정말 쉬운 몸이다,,

암튼 아래는 지피티가 고쳐 준 내용

물론 잘 돌아간다

renderMenuTimeKindList: function(data){
				
    // 천단위 숫자에 콤마 표시
    for (var i = 0; i < data.menuKindList.length; i++) {
         var menuKind = data.menuKindList[i];
        if(i == 0) var menuSum = data.menuTimeSumRatioList[0];

        var timeProperties = [
          'sum07Time', 'sum08Time', 'sum09Time', 'sum10Time', 'sum11Time', 'sum12Time',
          'sum13Time', 'sum14Time', 'sum15Time', 'sum16Time', 'sum17Time', 'sum18Time',
          'sum19Time', 'sum20Time', 'sum21Time', 'sum22Time', 'sumEtcTime', 'menuAllTimeSum'
        ];

        timeProperties.forEach(function (prop) {
          menuKind[prop] = (menuKind[prop] * 1).toLocaleString("ko-KR");
          if(i == 0) menuSum[prop] = (menuSum[prop] * 1).toLocaleString("ko-KR");
        });
    }

    $("#menuTimeKind_tbodyContent").html(Mustache.render($("#menuTimeKind_tbodyTemplate").html(), {list:data.menuKindList}));
    $("#menuTimeKind_tfootContent").html(Mustache.render($("#menuTimeKind_tfootTemplate").html(), {list:data.menuTimeSumRatioList}));
}
저작자표시 비영리 변경금지 (새창열림)
'🚀 from error to study/Front-End' 카테고리의 다른 글
  • [js] 자바스크립트 정규 표현식(RegExp/Regular Expression)
  • [JS] inclues - 단어 포함 여부 쉽게 확인하기 + 자바 버전
  • [자바스크립트] 동기 지연 함수 구현
  • [자바스크립트] null 처리 쉽게 하는 법(삼항연산자)
천재강쥐
천재강쥐
  • 천재강쥐
    디버거도 버거다
    천재강쥐
  • 전체
    오늘
    어제
    • Category (467)
      • 진짜 너무 궁금한데 이걸 나만 몰라...? (0)
      • 💾 Portfolio (2)
      • 🐤 CodingTest (28)
        • Java (20)
        • ᕕ(ꐦ°᷄д°᷅)ᕗ❌ (5)
      • 🚀 from error to study (142)
        • AI (1)
        • Cloud (2)
        • DB (12)
        • Front-End (16)
        • Github (14)
        • Java (39)
        • Mac (7)
        • Normal (29)
        • Server (22)
      • 📘 certificate (44)
        • 📘 리눅스마스터1급 (1)
        • 📘⭕️ 정보처리기사 (40)
        • 📘⭕️ SQLD (3)
      • 📗 self-study (234)
        • 📗 inflearn (35)
        • 📗 생활코딩 (8)
        • 📗 KH정보교육원 당산지원 (190)
      • 🎨 Scoop the others (0)
        • 📖 Peeking into other people.. (0)
        • 🇫🇷 (0)
        • 📘⭕️ 한국사능력검정시험 심화 (11)
        • 오블완 (4)
  • 인기 글

  • hELLO· Designed By정상우.v4.10.1
천재강쥐
[js] 천 단위 콤마(,) 붙이기
상단으로

티스토리툴바