格式 Jekyll/Liquid 数字需要包含逗号

Question

我正在尝试将 Jekyll 的 Front Matter 中的自定义变量数字格式化为每三个数字后使用一个逗号。前任。 1,000,000。我的号码在 Front Matter 中声明如下：

---
my_number: 1000000
---

然后在页面上检索它，如下所示：

{{ page.my_number }}

正如预期的那样，输出是

1000000

。 Jekyll 文档中有很多关于日期格式的文档，但关于数字格式的文档却很少。有没有办法将其格式化为

1,000,0000

而不需要 Jekyll 插件？

Answer 1

由于 Jekyll 在没有插件帮助的情况下不会将数字格式化为使用逗号，因此我选择使用 JavaScript 重新格式化数值。

function numberWithCommas(value) {
    return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
}

function updateNumericValues() {
    const myNumber = document.querySelectorAll('.myNumber');
    myNumber.forEach((e) => {
        const numericValue = e.textContent;
        const formattedValue = numberWithCommas(numericValue);
        e.textContent = formattedValue;
    });
 }

 updateNumericValues();