Manipulação Eficiente de Strings

As strings são fundamentais em qualquer aplicação. Abaixo estão listados os métodos mais utilizados para gerenciar e transformar dados textuais.

Propriedades de Medição

• length: Retorna a quantidade total de caracteres presentes na string.

Conversão e Segmentação

• split(separador): Divide a string em um array de substrings com base em um delimitador específico.
• trim(): Elimina espaços em branco tanto no início quanto no final da cadeia de caracteres.

Busca e Validação

• includes(termo): Verifica se uma sequência específica existe dentro da string, retornando um booleano.
• startsWith(termo) / endsWith(termo): Validam se a string inicia ou termina com o conteúdo informado.
• indexOf(termo): Retorna o índice da primeira ocorrência do termo; lastIndexOf retorna a última.
• charAt(index): Recupera o caractere localizado em uma posição específica.

Transformação de Conteúdo

• toUpperCase() / toLowerCase(): Alteram a capitalização da string para maiúsculas ou minúsculas.
• replace(antigo, novo): Substitui a primeira ocorrência de um padrão. Para substituir todas, utiliza-se replaceAll() ou expressões regulares.
• substring(inicio, fim): Extrai uma parte da string entre dois índices definidos.

const mensagem = "  Desenvolvimento Web Moderno  ";
console.log(mensagem.trim().toUpperCase()); // "DESENVOLVIMENTO WEB MODERNO"
console.log(mensagem.includes("Web")); // true
   

Operações Essenciais com Arrays

Arrays em JavaScript oferecem uma vasta API para iteração, modificação e consulta de coleções de dados.

Iteração e Transformação

• forEach(): Executa uma função para cada elemento do array.
• map(): Cria um novo array com os resultados da aplicação de uma função em cada elemento.
• filter(): Gera um novo array contendo apenas os elementos que atendem a uma condição lógica.
• reduce(): Acumula os valores do array em um único resultado final.

const precos = [150, 2300, 450, 980];
const caros = precos.filter(p => p > 1000); // [2300]
const comDesconto = precos.map(p => p * 0.9); // [135, 2070, 405, 882]
   

Modificação da Estrutura

• push() / pop(): Adicionam ou removem elementos no final do array.
• unshift() / shift(): Adicionam ou removem elementos no início do array.
• splice(): Permite remover, substituir ou adicionar elementos em qualquer posição.
• reverse(): Inverte a ordem dos elementos no array original.
• sort(): Ordena os elementos (por padrão, como strings).

Busca e Verificação

• every(): Verifica se todos os elemantos passam em um teste.
• some(): Verifica se ao menos um elemento passa em um teste.
• join(separador): Concatena todos os elementos em uma única string, separados pelo caractere informado.
• concat(): Une dois ou mais arrrays sem modificar os originais.
• slice(inicio, fim): Retorna uma cópia superficial de uma parte do array.

const tecnologias = ["React", "Vue", "Angular"];
const listaString = tecnologias.join(" - "); // "React - Vue - Angular"
const temReact = tecnologias.some(t => t === "React"); // true
   

Métodos para Manipulação Numérica

O tratamento de tipos Number envolve conversões de base e formatação de precisão.

• toFixed(casas): Formata o número com uma quantidade fixa de casas decimais, retornando uma string.
• toString(): Converte o valor numérico para representação textual.
• parseInt(): Converte uma string em um número inteiro.
• parseFloat(): Converte uma string em um número de ponto flutuante.
• isNaN(): Determina se o valor fornecido é "Not-a-Number".
• Number(): Construtor que tenta converter diversos tipos de dados em números.

const taxa = "12.558px";
const valorNumerico = parseFloat(taxa); // 12.558
console.log(valorNumerico.toFixed(2)); // "12.56" (com arredondamento)

const entradaInvalida = "Texto";
console.log(isNaN(Number(entradaInvalida))); // true