Quebra de Linha (Word Wrap) em Strings

Beginner

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

Introdução

Neste laboratório, exploraremos o conceito de manipulação de strings em JavaScript. Especificamente, focaremos na função wordWrap, que nos permite quebrar uma string em um número especificado de caracteres usando um caractere de quebra de linha. Ao final deste laboratório, você terá uma melhor compreensão de como manipular strings em JavaScript para atender a requisitos de formatação específicos.

Instruções para Quebra de Linha (Word Wrap) em Strings

Para praticar a codificação, abra o Terminal/SSH e digite node.

Este código quebra uma string em um número especificado de caracteres usando um caractere de quebra de linha. Para usá-lo, siga estas etapas:

  1. Use String.prototype.replace() e uma expressão regular para inserir um caractere de quebra especificado no espaço em branco mais próximo de max caracteres.
  2. Se você não quiser usar o valor padrão de '\n' para o terceiro argumento, br, você pode omiti-lo e fornecer seu próprio caractere.

Aqui está o código:

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

E aqui estão alguns exemplos de como usá-lo:

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.'

Resumo

Parabéns! Você concluiu o laboratório de Quebra de Linha (Word Wrap) em Strings. Você pode praticar mais laboratórios no LabEx para aprimorar suas habilidades.