Strings no Javascript

Tempo de leitura: 3 minutos

Strings no Javascript: Em JavaScript, uma String é um tipo de dado primitivo usado para armazenar e manipular sequências de caracteres (texto). Elas são indispensáveis para qualquer interação com o usuário, desde exibir nomes até formatar logs e mensagens.

O conceito mais importante sobre strings em JS é a sua imutabilidade.

1. Criação e Imutabilidade

Uma string pode ser criada usando aspas simples ('), duplas (") ou crases (`), sendo esta última a mais poderosa.

A. Imutabilidade Explicada

Strings são imutáveis. Isso significa que, uma vez que uma string é criada, você não pode alterar seu conteúdo. Qualquer método que pareça modificar uma string (como toUpperCase() ou replace()) na verdade retorna uma nova string, deixando a original intacta.

JavaScript

let nome = "joão";

// O método retorna uma NOVA string
let nomeMaiusculo = nome.toUpperCase(); 

console.log(nome);         // "joão" (Original não mudou)
console.log(nomeMaiusculo); // "JOÃO" (Nova string)

B. Template Literals (Crase)

Introduzidos no ES6, os Template Literals são a forma moderna e mais flexível de criar strings. Eles permitem:

Interpolação: Inserir variáveis ou expressões diretamente na string usando a sintaxe ${}.
Strings Multi-Linhas: Criar strings que quebram a linha no código sem precisar de caracteres de escape (\n).

JavaScript

let produto = "Café";
let preco = 15.50;

let mensagem = `O ${produto} custa R$ ${preco.toFixed(2)}.`;
// Saída: O Café custa R$ 15.50.

2. Acesso e Propriedades

Strings se comportam como arrays de caracteres em termos de acesso, embora não sejam arrays de verdade.

Característica	Propriedade/Sintaxe	Função
Tamanho	`.length`	Retorna o número de caracteres.
Acesso	`[índice]`	Acessa o caractere na posição (índice começa em 0).

JavaScript

let palavra = "JavaScript";
console.log(palavra.length); // 10
console.log(palavra[0]);    // "J"

3. Métodos Essenciais de Manipulação

Strings possuem dezenas de métodos. Estes são os mais utilizados:

A. Busca e Posição

indexOf(sub): Retorna o índice da primeira ocorrência de uma substring (ou -1 se não for encontrada).
includes(sub): Retorna true se a substring estiver presente.
startsWith() / endsWith(): Retorna true se a string começar ou terminar com a substring.

B. Transformação e Edição

toUpperCase() / toLowerCase(): Converte toda a string para maiúsculas ou minúsculas.
trim(): Remove espaços em branco do início e do fim da string.
slice(start, end): Retorna uma nova string extraída do índice start até (mas não incluindo) o índice end.

JavaScript

let texto = "  código limpo  ";
let tratado = texto.trim().toUpperCase(); // "CÓDIGO LIMPO"

C. Conversão

split(separador): Divide a string em um Array de substrings, usando o separador especificado.
replace(pattern, replacement): Retorna uma nova string com a primeira ocorrência do pattern substituída.

JavaScript

let tags = "html,css,js";
let arrayTags = tags.split(","); // ["html", "css", "js"]

✅ Conclusão Strings no Javascript

Strings no Javascript: As strings são mais do que apenas coleções de texto. O entendimento de sua imutabilidade, o uso eficaz dos Template Literals para formatação limpa e o domínio dos métodos de manipulação e busca (slice, trim, split) são cruciais para qualquer desenvolvedor JavaScript. Elas são a ponte entre o seu código e o usuário final.

Toda jornada tem um início, e o início para se tornar um desenvolvedor web é dominar as seguintes tecnologias, que você encontra aqui mesmo: