자바스크립트 javascript number_format > Html & Script

본문 바로가기
사이트 내 전체검색


회원로그인

오늘 257
어제 227
최대 618
전체 508,848
마음을 나누는 인터넷 일기장 - 통플 다이어리
Html & Script

자바스크립트 javascript number_format

페이지 정보

작성자 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일19-09-30 16:18 조회100회 댓글0건

본문

Formatting numbers in JavaScript


Overview of formatting numbers in JavaScript

JavaScript doesn't have many built-in methods to format numbers. Most of the time customized code needs to be used. Refer below for a couple rounding methods that JavaScript offers, then next up is some custom code I wrote to do more advanced formatting.

Round to a certain number of places

For rounding decimals you can use the built-in JavaScript methods toFixed or toPrecision.

var num = 10;
var result = num.toFixed(2); // result will equal 10.00

num = 930.9805;
result = num.toFixed(3); // result will equal 930.981

num = 500.2349;
result = num.toPrecision(4); // result will equal 500.2

num = 5000.2349;
result = num.toPrecision(4); // result will equal 5000

num = 555.55;
result = num.toPrecision(2); // result will equal 5.6e+2

Learn more

Add commas

This functionality is not built into JavaScript, so custom code needs to be used. The following is one way of adding commas to a number, and returning a string.

function addCommas(nStr)
{
	nStr += '';
	x = nStr.split('.');
	x1 = x[0];
	x2 = x.length > 1 ? '.' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ',' + '$2');
	}
	return x1 + x2;
}

Learn more

Multi-functional number format script

  • commas (configurable digit grouping separators and decimal symbols)
  • certain decimal precision that leave trailing zeros
  • various formats for currency and negative values
  • input can be a string that's already formatted

Learn more

Interactive example

Syntax information

추천 0

댓글목록

등록된 댓글이 없습니다.

Html & Script 목록

Total 199건 1 페이지
Html & Script 목록
번호 제목 글쓴이 날짜 조회 추천
공지 유니코드의 명칭과 속성 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-13 40201 38
198 div 순서 변경 (jquery 드래그 방식) nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-04 104 0
열람중 자바스크립트 javascript number_format nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-30 101 0
196 CSS를 말 줄임 방법(text-overflow:ellipsis) 속성 이용 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-24 410 0
195 JAVASCRIPT / JQUERY 를 이용한 ID, NAME, CLASS 값 가져오기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-18 429 0
194 CSS ellipsis nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-11 414 0
193 자동 스크롤 스크립트 댓글1 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-04 733 0
192 css 이미지 일부분만 보여주기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-29 1275 0
191 [jQuery] preventDefault(), stopPropagation() nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-22 2007 0
190 소스보기 막기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-22 2555 0
189 (자바스크립트) Base64 인코딩/디코딩 소스(UTF-8 지원) nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-20 2685 0
188 jquery iframe 제어하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-08 2396 0
187 [펌] Web Worker - 웹에서 멀티 쓰레드 구현하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-10 2334 0
186 CSS Text & Viewport units nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-20 2851 0
185 자바스크립트 replace / 문자열 변경하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-06 4422 0
184 날짜 및 시간 계산(JavaScript) nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-29 5337 0
183 동적으로 select의 option생성하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-21 5729 0
182 css ul li 가로 정렬 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-06 5420 0
181 자바스크립트 Attr 속성 추가 ,삭제, 조회하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-29 13215 0
180 오른쪽 마우스 클릭막기, 우클릭금지 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-29 5573 0
게시물 검색

Copyright © nuno21.net All rights reserved. 상단으로
모바일 버전으로 보기