Dominando Strings em JavaScript: Concatenação, Métodos e Técnicas Avançadas

Strings são fundamentais em JavaScript, servindo como sequências de caracteres para armazenar e manipular texto. Este tutorial explora técnicas principais de manipulação de strings.

Sumário

• Concatenação de Strings
• Métodos Essenciais de String
• Manipulação Avançada de Strings

Concatenação de Strings

Combinar strings é crucial. JavaScript oferece várias abordagens:

1. O Operador +: O método mais simples. O operador + concatena strings diretamente.

let str1 = "Olá";
let str2 = " Mundo!";
let combined = str1 + str2; // combined é "Olá Mundo!"
console.log(combined);

2. Literais de Template (Backticks): Introduzidos no ES6, literais de template oferecem melhor legibilidade, especialmente ao incorporar variáveis.

let name = "Alice";
let greeting = `Olá, ${name}!`; // greeting é "Olá, Alice!"
console.log(greeting);

let age = 30;
let message = `Meu nome é ${name}, e tenho ${age} anos.`;
console.log(message);

Literais de template incorporam expressões em strings usando ${expression}, melhorando a clareza do código.

Métodos Essenciais de String

JavaScript oferece um rico conjunto de métodos de string embutidos:

• length: Retorna o comprimento da string (contagem de caracteres).
• toUpperCase(): Converte para maiúsculas.
• toLowerCase(): Converte para minúsculas.
• substring(startIndex, endIndex): Extrai uma substring (endIndex é exclusivo).
• slice(startIndex, endIndex): Similar a substring, mas suporta índices negativos (contando a partir do fim).
• indexOf(searchValue, fromIndex): Encontra a primeira ocorrência de um valor; retorna -1 se não encontrado.
• lastIndexOf(searchValue, fromIndex): Encontra a última ocorrência de um valor; retorna -1 se não encontrado.
• replace(searchValue, newValue): Substitui a primeira ocorrência de um valor.
• replaceAll(searchValue, newValue): Substitui todas as ocorrências de um valor.
• trim(): Remove espaços em branco de ambas as extremidades.
• split(separator): Divide a string em um array de substrings com base no separador.
• charAt(index): Retorna o caractere em um índice específico.
• charCodeAt(index): Retorna o valor Unicode do caractere em um índice específico.

Manipulação Avançada de Strings

Além do básico, explore técnicas mais avançadas:

Expressões Regulares: Use expressões regulares (regex) para correspondência e manipulação de padrões poderosas. Métodos como match(), search(), replace() (com regex como o primeiro argumento) e split() (com regex como o separador) são inestimáveis para operações complexas de string.

let str = "A rápida raposa marrom pula sobre o cachorro preguiçoso.";
let result = str.match(/bw{5}b/g); // Corresponde a todas as palavras de 5 letras
console.log(result); // Saída: ['rápida', 'marrom', 'sobre']

Interpolação de Strings com Funções: Combine literais de template com funções para geração dinâmica de strings.

function formatDate(date) {
  return date.toLocaleDateString();
}

let today = new Date();
let message = `A data de hoje é: ${formatDate(today)}`;
console.log(message);