Manipulación de cadenas de texto en JavaScript | Tutorial de envolver una cadena de texto

Introducción

En este laboratorio, exploraremos el concepto de manipulación de cadenas en JavaScript. En particular, nos centraremos en la función wordWrap que nos permite envolver una cadena a un número dado de caracteres utilizando un carácter de ruptura de línea. Al final de este laboratorio, tendrás una mejor comprensión de cómo manipular cadenas en JavaScript para cumplir con los requisitos de formato específicos.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced 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") javascript/AdvancedConceptsGroup -.-> javascript/template_lit("Template Literals") subgraph Lab Skills javascript/variables -.-> lab-28697{{"Envolver una cadena de texto"}} javascript/data_types -.-> lab-28697{{"Envolver una cadena de texto"}} javascript/arith_ops -.-> lab-28697{{"Envolver una cadena de texto"}} javascript/comp_ops -.-> lab-28697{{"Envolver una cadena de texto"}} javascript/template_lit -.-> lab-28697{{"Envolver una cadena de texto"}} end

Instrucciones para envolver una cadena de texto

Para practicar la codificación, abre la Terminal/SSH y escribe node.

Este código envuelve una cadena a un número dado de caracteres utilizando un carácter de ruptura de línea. Para utilizarlo, sigue estos pasos:

Utiliza String.prototype.replace() y una expresión regular para insertar un carácter de ruptura dado en el espacio en blanco más cercano de max caracteres.
Si no quieres utilizar el valor predeterminado de '\n' para el tercer argumento, br, puedes omitirlo y proporcionar tu propio carácter.

Aquí está el código:

const wordWrap = (str, max, br = "\n") =>
  str.replace(
    new RegExp(`(?![^\\n]{1,${max}}$)([^\\n]{1,${max}})\\s`, "g"),
    "$1" + br
  );

Y aquí hay algunos ejemplos de cómo utilizarlo:

wordWrap(
  "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus.",
  32
);
// 'Lorem ipsum dolor sit amet,\nconsectetur adipiscing elit.\nFusce tempus.'

wordWrap(
  "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus.",
  32,
  "\r\n"
);
// 'Lorem ipsum dolor sit amet,\r\nconsectetur adipiscing elit.\r\nFusce tempus.'

Resumen

¡Felicidades! Has completado el laboratorio de envolver una cadena de texto. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.