JavaScript: El equivalente a printf o String.Format

Cuando se trabaja con programación, es muy común encontrarse con situaciones en las que se necesita formatear una cadena de caracteres. Esto puede incluir, por ejemplo, la necesidad de imprimir valores numéricos con una cantidad determinada de decimales, o generar cadenas con información estructurada de una manera específica. Una de las herramientas más utilizadas para este fin es printf en los lenguajes de programación basados en C, o String.Format en los lenguajes .NET. Sin embargo, en JavaScript, una herramienta nativa que se puede utilizar para lograr el mismo resultado es la función "template literals", conocida también como "template strings".

Template literals

Los template literals son una forma de generar cadenas de caracteres en JavaScript que permiten la inclusión de expresiones en su interior. Se definen utilizando un par de comillas invertidas (“ ` ”) en lugar de las comillas simples o dobles tradicionales. Además, para incluir expresiones dentro de la cadena, se utiliza la sintaxis "${ }". Por ejemplo:

const nombre = "Juan";
const edad = 25;
console.log(`Mi nombre es ${nombre} y tengo ${edad} años de edad.`);

En este ejemplo, la cadena impresa por el console.log tendría la siguiente forma: "Mi nombre es Juan y tengo 25 años de edad."

Además de permitir la inclusión de expresiones, los template literals también pueden ser utilizados para formatear la salida de valores numéricos, especificando la cantidad de decimales que se desean mostrar. Por ejemplo:

const valor = 12.3456;
console.log(`El valor es ${valor.toFixed(2)}.`);

Este código imprimiría la cadena "El valor es 12.35", ya que el método toFixed se utiliza para especificar que se desean mostrar dos decimales.

Formato de objetos

Otra característica útil de los template literals es la posibilidad de formatear la salida de objetos. Por ejemplo, si se tiene un objeto con una serie de propiedades, se puede utilizar un template literal para generar una cadena que muestre solamente aquella información que se desea.

let persona = {
nombre: "Juan",
edad: 25,
profesion: "Desarrollador web"
};

console.log(`Nombre: ${persona.nombre}, Edad: ${persona.edad}`);

Este código imprimiría la cadena "Nombre: Juan, Edad: 25".

Conclusión

Los template literals son una herramienta muy útil en JavaScript para la generación de cadenas de caracteres con un formato específico. Además de permitir la inclusión de expresiones y la especificación de decimales en valores numéricos, también pueden ser utilizados para formatear la salida de objetos. Al utilizar esta herramienta se puede simplificar el código y mejorar la legibilidad del mismo.

Preguntas frecuentes

¿Qué es un template literal?

Un template literal es una forma de generar cadenas de caracteres en JavaScript que permiten la inclusión de expresiones en su interior. Se definen utilizando un par de comillas invertidas (“ ` ”) en lugar de las comillas simples o dobles tradicionales.

¿Se pueden utilizar los template literals para formatear valores numéricos?

Sí, los template literals permiten la especificación de decimales en valores numéricos. Para ello, se utiliza el método toFixed.

¿Cómo se puede formatear la salida de objetos utilizando template literals?

Se puede utilizar un template literal para generar una cadena que muestre solamente aquella información que se desea. Para ello, se pueden utilizar las propiedades del objeto y la sintaxis de los template literals.

¿Cuál es la ventaja de utilizar template literals en lugar de otras herramientas de formateo de cadenas?

Los template literals son una herramienta nativa de JavaScript, por lo que no es necesario utilizar librerías externas ni aprender una sintaxis adicional. Además, permiten la inclusión de expresiones y la especificación de decimales en valores numéricos, simplificando y mejorando la legibilidad del código.

Ejemplos de código

• Imprimir una cadena con un valor numérico con tres decimales:

const valor = 123.456;
console.log(`El valor es ${valor.toFixed(3)}.`);

• Imprimir una cadena utilizando la información de un objeto:

let persona = {
nombre: "Juan",
edad: 25,
profesion: "Desarrollador web"
};

console.log(`Nombre: ${persona.nombre}, Edad: ${persona.edad}`);

Ir a una URL con onclick en JavaScript

Diferencia entre forEach y bucle for en JavaScript

Cómo parsear un float con dos decimales en JavaScript

Cómo leer un archivo línea por línea en JavaScript

¿Qué hace el dos puntos (:) en JavaScript?

Cómo hacer que el navegador vuelva a la página anterior usando JavaScript

Comprobar si existe una variable en JavaScript (definida/inicializada)

¿Existe un ArrayList en JavaScript?