P5.js | nf()函数

在 p5.js 中，nf() 函数可用于格式化数字并返回一个字符串。该函数的语法如下：

nf(num, left, right)

其中，

• num：要格式化的数字；
• left：数字左侧的最小宽度；
• right：小数点后的位数。

例如：

let num = 3.1415926;
let str = nf(num, 8, 3);
console.log(str); // 输出 3.142

上述代码中，将一个小数 3.1415926 格式化为宽度为 8，小数点后保留三位的字符串，并将结果赋值给 str 变量，最终输出结果为 3.142。

left 和 right 参数的取值

left 和 right 参数的取值都是可选的：

• 如果只提供第一个参数 num，则相当于通过调用 Number.toFixed() 函数将其格式化为 string 类型并返回该字符串。
• 如果只提供前两个参数 num 和 left，则默认 right 参数为 0。
• 如果只提供前两个参数 num 和 right，则默认 left 参数为 num 的字符串表示长度。

当 left 和 right 参数都被提供时，nf() 函数的处理流程如下：

1. 将 num 转换为保留 right 位小数的字符串。
2. 如果该字符串的长度小于 left，则在左侧填充空格，使其宽度达到 left。
3. 如果该字符串的长度大于 left，则截取左侧 len(left) 个字符，并在末尾加上省略号（...），以构成最终的字符串。

Examples

示例 1

let num = 100;
let str = nf(num, 4, 2);
console.log(str); // 输出 "100.00"

示例 2

let num = 1.2345;
let str = nf(num, 6, 2);
console.log(str); // 输出 "  1.23"

示例 3

let num = 1.2345;
let str = nf(num, 4, 2);
console.log(str); // 输出 "1.23..."

结论

nf() 函数是一个字符串格式化函数，常用于将数字转换为指定格式的字符串，避免因不同数据类型之间的运算而出现的问题。通过设置 left 和 right 两个参数可以控制生成字符串的宽度和精度，也可以自动截取指定长度的字符串并添加省略号等效果。

参考资料

• P5.js 官方文档