JavaScript格式化数字

阅读时长 3 分钟读完

在前端开发中,格式化数字是一项基本任务。JavaScript 提供了许多内置函数来处理数字格式化,其中 toFixed()toLocaleString() 最常用。

toFixed()

toFixed() 函数可以将数字格式化为指定小数位数的字符串。它接受一个参数,表示要保留的小数位数:

需要注意的是,toFixed() 返回的是字符串类型而不是数字类型。如果不传参数或者参数为 0,那么返回的字符串将没有小数部分。如果参数超出了范围(0-20),则会抛出一个 RangeError 错误。

toLocaleString()

toLocaleString() 函数也可以格式化数字,但它更加灵活。它可以根据语言环境和地区设置返回不同的格式化结果。例如,在美国,千位分隔符通常是逗号,而在欧洲大陆,则是点。

除了语言环境和地区之外,toLocaleString() 还有其他一些选项。例如,可以传递一个选项对象来指定小数位数和货币符号等信息。

总结

JavaScript 提供了两个常用的数字格式化函数,toFixed()toLocaleString()。它们可以帮助我们更好地控制数字的显示方式。在使用这些函数时,需要注意参数的正确性和返回值的类型。同时,也要根据实际需求选择合适的函数和选项。

示例代码:

-- -------------------- ---- -------
----- --- - ----------

-- -- ---------
----- -------- - --------------- -- ---------

-- -- ----------------
----- -------- - ---------------------------- -- -----------
----- -------- - ---------------------------- -- -----------
----- ------- - -
  ------ -----------
  --------- ------
  ---------------------- --
  ---------------------- -
--
----- --------- - --------------------------- --------- -- -----------

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/9618

纠错
反馈