La función nf() en p5.js se usa para formatear los números de entrada (enteros o flotantes) en strings.
Sintaxis:
nf(Num/Arr, Left, Right)
Parámetros: esta función acepta tres parámetros, como se mencionó anteriormente y se describe a continuación:
- Num/Arr: este parámetro contiene el número positivo de entrada o una array de números que se van a formatear.
- Izquierda: Este es el número positivo que dice que el número de dígitos debe estar en el lado izquierdo del punto decimal.
- Derecha: Este es el número positivo que dice que el número de dígitos debe estar en el lado derecho del punto decimal.
Valor devuelto: Devuelve la string formateada.
Los siguientes programas ilustran la función nf() en p5.js:
Ejemplo 1: este ejemplo usa la función nf() para formatear los números de entrada en strings.
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 nf() function.
let A = nf(num1, 4, 3);
let B = nf(num2, 4, 2);
let C = nf(num3, 5, 3);
let D = nf(num4, 2, 3);
let E = nf(num5, 2, 2);
let F = nf(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);
}
Producción:
Ejemplo 2: este ejemplo usa la función nf() para formatear los números de entrada en strings.
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 nf() function.
let A = nf(num1, 4, 3);
let B = nf(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);
}
Producción:
Referencia: https://p5js.org/reference/#/p5/nf
Publicación traducida automáticamente
Artículo escrito por Kanchan_Ray y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA