如何调用DataTables的$.fn.dataTable.render.number格式化自定义变量？

当然可以！DataTables内置的$.fn.dataTable.render.number()其实返回的是一个包含display方法的配置对象，这个display方法就是专门用来处理数值格式化的核心函数，完全可以直接拿它来格式化你的自定义变量，根本不需要额外的复杂包装器。

具体实现步骤： #

• 先创建格式化器实例
  首先调用$.fn.dataTable.render.number()并传入你的格式参数，然后取出它的display方法——这就是我们可以直接调用的格式化函数：

  // 按照你示例里的格式：千分位分隔符用逗号，小数点用点，保留2位小数，前缀加$
  const currencyFormatter = $.fn.dataTable.render.number(',', '.', 2, '$').display;
  

• 用格式化器处理自定义变量
  直接把你的数值变量传给这个display方法，就能得到格式化后的字符串：

  var number = 12.456;
  var formattedNumber = currencyFormatter(number);
  console.log(formattedNumber); // 输出结果：$12.46
  

为不同数字设置不同格式 #

如果需要多种格式，只需要创建多个不同的格式化器实例就行，每个实例对应一套格式规则：

// 示例1：欧元格式，千分位用点，小数点用逗号，保留3位小数
const euroFormatter = $.fn.dataTable.render.number('.', ',', 3).display;
var euroNum = 1234.5678;
console.log(euroFormatter(euroNum)); // 输出：1.234,568

// 示例2：无前缀的整数格式，保留0位小数
const integerFormatter = $.fn.dataTable.render.number(',', '.', 0).display;
var bigNum = 9876543;
console.log(integerFormatter(bigNum)); // 输出：9,876,543

小细节补充 #

这个display方法还能自动解析字符串类型的数字，比如你传入currencyFormatter("12.456")，同样能得到正确的$12.46结果，兼容性很友好。

内容的提问来源于stack exchange，提问作者markzzz