当前位置:首页 > JavaScript

js实现tofixed

2026-03-14 04:04:50JavaScript

实现 toFixed 方法

JavaScript 中的 toFixed() 方法用于将数字转换为字符串,保留指定的小数位数。以下是一个自定义实现:

function toFixed(number, precision) {
    const multiplier = Math.pow(10, precision);
    return Math.round(number * multiplier) / multiplier;
}

处理边界情况

上述基础实现可能无法处理所有情况,比如负数或科学计数法。以下是更完整的实现:

function toFixed(number, precision) {
    if (isNaN(number) || isNaN(precision)) return 'NaN';
    if (precision < 0 || precision > 20) throw new RangeError('Precision must be between 0 and 20');

    const numStr = number.toString();
    if (numStr.indexOf('e') !== -1) {
        return parseFloat(numStr).toFixed(precision);
    }

    const decimalIndex = numStr.indexOf('.');
    if (decimalIndex === -1) {
        return numStr + (precision > 0 ? '.' + '0'.repeat(precision) : '');
    }

    const integerPart = numStr.substring(0, decimalIndex);
    let decimalPart = numStr.substring(decimalIndex + 1);

    if (decimalPart.length < precision) {
        decimalPart += '0'.repeat(precision - decimalPart.length);
    } else {
        decimalPart = decimalPart.substring(0, precision);
    }

    return integerPart + (precision > 0 ? '.' + decimalPart : '');
}

四舍五入实现

如果需要精确的四舍五入,可以使用以下方法:

js实现tofixed

function toFixed(number, precision) {
    const shift = function(num, exponent) {
        const numArray = ('' + num).split('e');
        return +(numArray[0] + 'e' + (numArray[1] ? (+numArray[1] + exponent) : exponent));
    };

    return shift(Math.round(shift(number, +precision)), -precision).toFixed(precision);
}

注意事项

  • 原生 toFixed() 在不同浏览器中可能有不同的舍入行为
  • 大数字可能导致精度问题
  • 负数的处理需要特别小心
  • 科学计数法的数字需要转换

这些实现提供了不同级别的功能覆盖,可以根据具体需求选择适合的方案。

标签: jstofixed
分享给朋友:

相关文章

js实现vue

js实现vue

Vue.js 简介 Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。其核心库专注于视图层,易于与其他库或现有项目整合。 实现 Vue.js 的基本步骤 安装 Vue.j…

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 实现页面跳转,这是最常用的方法。 window.location.href = 'https://…

js如何实现继承

js如何实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例能够访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Parent…

js分组实现

js分组实现

分组实现方法 在JavaScript中,可以通过多种方式实现数组或对象的分组操作。以下是几种常见的方法: 使用Array.prototype.reduce() 通过reduce方法可以轻松实现数组分…

js实现报表

js实现报表

使用JavaScript实现报表 在JavaScript中实现报表功能可以通过多种方式完成,常见的方法包括使用原生JavaScript、第三方库(如Chart.js、D3.js)或结合后端数据渲染。以…

使用js实现

使用js实现

使用JavaScript实现 JavaScript可以通过Math.random()函数生成随机数,结合其他方法可以实现多种随机数生成需求。 // 生成0到1之间的随机小数 const random…