Manipulação de Strings com JavaScript

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 remoção de espaços em branco de strings usando expressões regulares. Através de uma série de exercícios e exemplos, obteremos uma compreensão mais profunda de como usar o método String.prototype.replace() para remover caracteres de espaço em branco e criar strings mais limpas e gerenciáveis.

Este é um Lab Guiado, que fornece instruções passo a passo para ajudá-lo a aprender e praticar. Siga as instruções cuidadosamente para completar cada etapa e ganhar experiência prática. Dados históricos mostram que este é um laboratório de nível iniciante com uma taxa de conclusão de 100%. Recebeu uma taxa de avaliações positivas de 100% dos estudantes.

Função para Remover Espaços em Branco

Para remover espaços em branco de uma string, use a seguinte função.

  • Use String.prototype.replace() com uma expressão regular para substituir todas as ocorrências de caracteres de espaço em branco por uma string vazia.
const removeWhitespace = (str) => str.replace(/\s+/g, "");

Explicação da Expressão Regular

  • /\s+/g se decompõe em:
    • \s: Corresponde a qualquer caractere de espaço em branco (espaços, tabs, quebras de linha)
    • +: Corresponde a uma ou mais ocorrências do caractere anterior
    • /g: Flag global - corresponde a todas as ocorrências na string, não apenas a primeira

Referência Rápida de Regex

Padrões comuns de espaço em branco:

  • \s - corresponde a qualquer espaço em branco (espaço, tab, nova linha)
  • \t - corresponde a caracteres de tabulação
  • \n - corresponde a caracteres de nova linha
  • \r - corresponde a retornos de carro
  • `` (espaço) - corresponde apenas a caracteres de espaço

Por exemplo,

removeWhitespace("Lorem ipsum.\n Dolor sit amet. ");
// 'Loremipsum.Dolorsitamet.'

// Mais exemplos:
removeWhitespace("Hello    World"); // "HelloWorld"
removeWhitespace("Tab\there\nNew line"); // "TabhereNewline"

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

Resumo

Parabéns! Você concluiu o laboratório Remover Espaços em Branco. Você pode praticar mais laboratórios no LabEx para aprimorar suas habilidades.