如何以最好(最聪明)的方式编写这个JS函数?

时间:2011-02-11 13:58:06

标签: javascript

我想写一个以字节为单位的文件大小(7762432)并以用户可读格式(7,762,432字节)返回值的函数。

function(fileSizeBytes){
    // mind blowing logic :)
    return userReadable;
}

我使用旧式的字符串分割方式完成了它,但我只是好奇是否存在可以让我头晕目眩的方式让我尖叫“O god它也可以这样做!!”

8 个答案:

答案 0 :(得分:6)

function addCommas(value) {
    var regex = /^(\d+)(\d{3}[\.]?.*)$/;
    while (regex.exec(value)) {
        value= RegExp.$1
                ? RegExp.$1 + ',' + RegExp.$2
                : RegExp.$2;
    }
    return value;
}

答案 1 :(得分:6)

一行函数:

function formatFileSizeBytes(size) {
    return size.replace(/(\d)(?=(\d{3})+$)/g, "$1,");
}
一些测试:

for (var i = 0; i <= "123456789".split('').length; i++) {  
    alert(formatFileSizeBytes(a.slice(0,i).join(''))); 
}

答案 2 :(得分:1)

一个班轮:

function(fileSizeBytes){
    return fileSizeBytes.toString(10).split('').reverse().join('').replace(/(...)/g,'$1,').replace(/,$/,'').split('').reverse().join('') + ' bytes';
}

答案 3 :(得分:1)

好的,对于强化的i18n支持,应该有一些ENTERPRISE解决方案

var numberLocaleFormat = (function() {
  var cache = {};
  return (function (separator, grouping, groupingAdd) {
    separator = separator || ",";
    grouping = grouping || 3;
    groupingAdd = groupingAdd || grouping;
    var key = grouping + "+" + groupingAdd + "/" + separator;
    if (key in cache) return cache[key];
    return (cache[key] = function(number){
      var str = [], number = number.toString();
      var separatorIndex = grouping;
      for (var i = number.length-1, idx = 0; i >= 0; i--, idx++) {
        str.push(number.charAt(i));
        if ((idx == separatorIndex-1) && i) {
           separatorIndex += groupingAdd;
           str.push(separator);
        }
      }
      return str.reverse().join('');
    });
  });
})();

用法:

numberLocaleFormat()(1234578); // "12,345,678", America
numberLocaleFormat(" ")(12345678); // "12 345 678", Europe
numberLocaleFormat(",",4)(12345678); // "1234,5678", Japan
numberLocaleFormat(",", 3, 2)(12345678); // "1,23,45,678", India

答案 4 :(得分:0)

四年前我写了这个函数:

function formatNumber(x) { 
    if(!isFinite(x)) return x.toString();
    var str         = Math.abs(x).toString();
    if(str.indexOf("e") != -1) return x.toString();
    var decimalPos  = str.indexOf(".");
    var decimal;

    if(decimalPos == -1)
        decimal = "";
    else {
        decimal = str.substring(decimalPos);
        str = str.substring(0, decimalPos);
    }
    if(str.length < 4) return x.toString();

    var start = str.substr(0, str.length % 3);
    if(start.length != 0) {
        str = str.substr(start.length)
        start += ",";
    }
    if(x < 0) start = "-" + start;

    var segments = new Array(Math.ceil(str.length / 3.0));
    for(var i = 0; i < str.length; i += 3) {
        segments[i / 3] = str.substr(i, 3);
    }

    return start + segments.join() + decimal;
};

答案 5 :(得分:0)

在Internet Explorer和Firefox中,您可以执行return Number(fileSizeBytes).toLocaleString();

不幸的是,Google Chrome,Safari和Opera对此并不好看。它们只返回toString()

答案 6 :(得分:0)

如何使用php.js库? number_format()函数..文档说该函数是独立的

= P我不会打破我已做过的事情

答案 7 :(得分:-1)

如果你对使用数组或正则表达式有限制,那么这个应该有用。

function comma_separate(num) {
    var comma = Math.floor((num.length) / 3);
    var offset = (num.length) % 3;
    var result = '';
    if(offset > 0) {
        result = num.substr(0,offset);
    }

    for(var i=0; i<comma; i++) {
        result = result ? result + ',' : '';
        result = result + num.substr(i*3,3);
    }

    return result;
}

tested here