toLocaleString 转化

对于 toLocaleString 我们最常使用的还是将日期对象转换为字符串。新增的参数 locales 和 options 使程序能够指定使用哪种语言格式化规则,允许定制该方法的表现

语法

obj.toLocaleString([locales [, options]])

哪些类中包含这个 API

  • Array

  • Date

  • Number

参数

  • locales:可选,带有 BCP 47 语言标记的字符串或字符串数组,用来表示要转为目标语言的类型,具体参考这个 Intl
  • options:可选,配置属性对象。
    • style: 数字展示样式

      style 字段值 说明
      decimal 用于纯数字格式(默认)
      currency 用于货币格式
      percent 用于百分比格式
      unit 用于单位格式
    • currency: 当 options.style 为 currency 时,options.currency 用来表示货币单位的类型

      currency 字段值 说明
      USD 使用美元格式(默认)
      EUR 使用欧元格式
      CNY 使用人民币格式

示例

其实我们可以发现 toLocaleString 在使用到数字上是可以简化一些我们在数字转换方面的操作:

  1. 数字转化为百分比
  2. 数字转换为货币
  3. 逗号分割

  1. ❗️ 将数字每三位进行逗号分割
const num = 10001;
num.toLocaleString(); // '1,001'

  1. ❗️ 将数字转换为货币
const cur = 100000001111;
cur.toLocaleString("zh", { style: "currency", currency: "CNY" }); // '¥100,000,001,111.00'

  1. ❗️ 将数字转换为百分比
const percent = 0.12;
percent.toLocaleString("zh", { style: "percent" }); // '12%'

  1. 将冲数字/字符串的数组使用逗号拼接,类似于数组的 toString/join 操作
const arr = [1, 2, 3];
arr.toLocaleString(); // '1,2,3'

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容