Una secuencia de caracteres de texto
El tipo de datos String es útil para trabajar con texto. Por ejemplo una cadena podría contener un mensaje de bienvenida:
// Use a string literal. text('Hello!', 10, 10); // Create a string variable. let message = 'Hello!'; // Use the string variable. text(message, 10, 10); <p></p>La forma más común de crear cadenas es usando algún tipo de comillas: text("hi", 50, 50); text('hi', 50, 50); text(`hi`, 50, 50);
"hi", 'hi', and hi son todos "literales" de cadena. Un "literal" es un elemento que representa directamente un valor, por ejemplo text('hi', 50, 50). En cambio, text(message, 50, 50) usa la variable message, por lo que no es un literal de cadena.
Las comillas simples '' y las comillas dobles "" significan lo mismo. Es bueno tener la opción para casos en los que una cadena contiene un tipo de comilla:
text("What's up?", 50, 50); text('Air quotes make you look "cool."', 50, 50);Las comillas invertidas ```` crean plantillas de literales . Las plantillas de literales tienen muchos usos. Por ejemplo, pueden contener tanto comillas simples como dobles según sea necesario:
text(`"Don't you forget about me"`, 10, 10);Las plantillas de literales son útiles cuando las cadenas se crean a partir de variables de la siguiente manera:
let size = random(10, 20); circle(50, 50, size); <p>text(<code>The circle's diameter is ${size} pixels.</code>, 10, 10); </p>El valor de la variable size reemplazará ${size} cuando se cree la cadena. ${} is a placeholder for any value. es un marcador de posición para cualquier valor. Eso significa que se puede usar una expresión, como ${round(PI, 3)}. Todos los siguientes son plantillas de literales válidos:
text(`π is about {mouseX < width / 2} that I'm on the left half of the canvas.`, 10, 30);Las plantillas de literales pueden incluir distintas variables:
let x = random(0, 100); let y = random(0, 100); let size = random(10, 20); circle(x, y, size); <p>text(<code>The circle at (${x}, ${y}) has a diameter of ${size} pixels.</code>, 10, 10); </p>Las plantillas de literales también son útiles para crear texto de varias líneas como:
let poem = `My sketch doesn't run; it waits for me patiently while bugs point the way.`; <p>text(poem, 10, 10); </p>Ejemplos
Referencias Relacionadas
Array
Una lista que mantiene diferentes tipos de datos en orden Los arreglos son útiles para almacenar datos relacionados.
class
Una plantilla para crear objetos de un tipo en particular.
for
Una forma de repetir un bloque de código cuando se conoce el número de iteraciones.
function
Un grupo de declaraciones con nombre.