p5.js nfs()用法及代碼示例

p5.js中的nfs()函數用於將輸入數字(整數或浮點數)格式化為字符串，並在正輸入數字前添加“”(空格)，並在負輸入數字前添加負(-)符號。對齊時使用此函數。

用法:

nfs(Num, Left, Right)

參數：此函數接受上述和以下所述的三個參數：

Num:這是輸入正數或要格式化的數字數組。
Left:這是一個正數，表示位數應在小數點的左側。
Right:這是一個正數，表示位數應在小數點的右側。

返回值：它返回格式化的字符串。

以下程序說明了p5.js中的nfs()函數：

示例1:本示例使用nfs()函數設置輸入數字的格式，並在正數之前添加單個空格以設置對齊方式。

function setup() {  
   
    // Creating Canvas size 
    createCanvas(450, 200);  
}  
  
function draw() {  
       
    // Set the background color  
    background(220);  
     
    // Initializing the Numbers 
    let num1 = 345;  
    let num2 = -12.3;  
    let num3 = .5;  
    let num4 = .05;  
    let num5 = 0;  
    let num6 = -0.7;  
      
    // Calling to nfs() function. 
    let A = nfs(num1, 4, 3); 
    let B = nfs(num2, 4, 2); 
    let C = nfs(num3, 5, 3); 
    let D = nfs(num4, 2, 3); 
    let E = nfs(num5, 2, 2); 
    let F = nfs(num6, 4, 3); 
      
    // Set the size of text  
    textSize(16);  
       
    // Set the text color  
    fill(color('red'));  
     
    // Getting formatted String 
    text("Formatted String is: " + A, 50, 30); 
    text("Formatted String is: " + B, 50, 60); 
    text("Formatted String is: " + C, 50, 90); 
    text("Formatted String is: " + D, 50, 110); 
    text("Formatted String is: " + E, 50, 140); 
    text("Formatted String is: " + F, 50, 170); 
}

輸出：

示例2:本示例使用nfs()函數格式化輸入數字，並在正數前麵添加空格以設置對齊。

function setup() {  
   
    // Creating Canvas size 
    createCanvas(450, 90);  
}  
  
function draw() {  
       
    // Set the background color  
    background(220);  
     
    // Initializing the array of numbers 
    let num1 = [-345, 0, 2];  
    let num2 = [-12.3, .4, -2.0];  
      
    // Calling to nfs() function. 
    let A = nfs(num1, 4, 3); 
    let B = nfs(num2, 4, 2); 
      
    // Set the size of text  
    textSize(16);  
       
    // Set the text color  
    fill(color('red'));  
     
    // Getting formatted String 
    text("Formatted String is: " + A, 50, 30); 
    text("Formatted String is: " + B, 50, 60); 
}

輸出：

參考： https://p5js.org/reference/#/p5/nfs

相關用法

注：本文由純淨天空篩選整理自Kanchan_Ray大神的英文原創作品 p5.js | nfs() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。