Formateo de Cadenas con Sangría en JavaScript

JavaScriptJavaScriptBeginner
Practicar Ahora

This tutorial is from open-source community. Access the source code

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, profundizaremos en la función indentString de JavaScript. Esta función nos permite indentar fácilmente cada línea de una cadena dada en una cantidad especificada. Con esta función, podemos formatear cadenas para una mejor legibilidad y organización en nuestro código.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28387{{"Formateo de Cadenas con Sangría en JavaScript"}} javascript/data_types -.-> lab-28387{{"Formateo de Cadenas con Sangría en JavaScript"}} javascript/arith_ops -.-> lab-28387{{"Formateo de Cadenas con Sangría en JavaScript"}} javascript/comp_ops -.-> lab-28387{{"Formateo de Cadenas con Sangría en JavaScript"}} end

Una función para indentar cadenas en JavaScript

Para agregar sangría a cada línea de una cadena dada, puedes usar la función indentString() en JavaScript. Esta función toma tres argumentos: str, count e indent.

  • El argumento str representa la cadena que quieres indentar.
  • El argumento count determina cuántas veces quieres indentar cada línea.
  • El argumento indent es opcional y representa el carácter que quieres usar para la indentación. Si no lo proporcionas, el valor predeterminado es un carácter de espacio en blanco único (' ').

Aquí está el código de la función indentString():

const indentString = (str, count, indent = " ") =>
  str.replace(/^/gm, indent.repeat(count));

Para usar esta función, simplemente llámala con los argumentos deseados. Aquí hay algunos ejemplos:

indentString("Lorem\nIpsum", 2); // '  Lorem\n  Ipsum'
indentString("Lorem\nIpsum", 2, "_"); // '__Lorem\n__Ipsum'

En el primer ejemplo, indentString('Lorem\nIpsum', 2) devuelve ' Lorem\n Ipsum', lo que significa que cada línea de la cadena de entrada ha sido indentada dos veces con caracteres de espacio.

En el segundo ejemplo, indentString('Lorem\nIpsum', 2, '_') devuelve '__Lorem\n__Ipsum', lo que significa que cada línea de la cadena de entrada ha sido indentada dos veces con caracteres de subrayado ('_').

Resumen

¡Felicitaciones! Has completado el laboratorio de Indent String. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.