[ Javascript ] 자바스크립트 상에서 Byte를 보기 쉽게 자동 변환하기

SMALL

우선 소스 원문입니다.

 

출처 : https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-bytes-to-kb-mb-gb-in-javascript

Correct way to convert size in bytes to KB, MB, GB in JavaScript

최다 추천을 받은 글을 보시면 다음과 같은 소스가 있습니다.

function formatBytes(bytes, decimals = 2) {
    if (bytes === 0) return '0 Bytes';

    const k = 1024;
    const dm = decimals < 0 ? 0 : decimals;
    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];

    const i = Math.floor(Math.log(bytes) / Math.log(k));

    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
}

log로 변환하는 이유는 여러 가지가 있을 수 있지만 여기서 쓰이는 이유는

지수를 얻기 위함입니다.

 

바이트를 1024로 한 번 나누면 KB가 되고,

두 번 나누면 MB가 되는 것을 알 수 있습니다.

 

이해하기 쉽게 예를 들어 보겠습니다.

참고로 Math.log10() 함수를 쓰면 밑이 10인 로그를 취하여 값을 반환합니다.

1024->1000이라 치고

10KB가 입력되었다고 가정하면

Math.log10(10000)/Math.log10(1000) = 4/3 = 1.333333...이고 소수점 버리면 1입니다.

10MB가 입력되었다고 가정하면

Math.log10(10000000)/Math.log10(1000) = 7/3 = 2.333333...이고 소수점 버리면 2입니다.

 

대강 알 수 있듯이

 

i에는 입력된 Byte의 규모(?)가 KB 면 1, MB 면 2, GB 면 3이 저장됩니다.

 

Math.log() 함수는 자연로그를 취한 값을 반환하며 이 함수를 써도 결과는 똑같습니다.

 

결과적으로 1024를 i 만큼 제곱한 값을 나눠주고 소수점 자른 다음 단위 값이 출력되는 것을 확인할 수 있습니다.