Guia Completo sobre Strings em JavaScript

Aprenda tudo o que você precisa saber sobre strings em JavaScript, desde a criação e manipulação básica até formatação avançada e métodos úteis para trabalhar com texto.

Atualizado

COMPARTILHAR:

As strings são sequências de caracteres utilizadas para representar texto em JavaScript. Elas são uma parte fundamental da linguagem e são amplamente utilizadas para manipular e exibir informações textualmente.

Criando uma string

Em JavaScript, uma string pode ser criada utilizando aspas simples (') ou duplas ("). Por exemplo:

const nome = 'João';
const sobrenome = "Silva";

Também é possível criar uma string utilizando o construtor String. Por exemplo:

const mensagem = new String("Olá, mundo!");

No entanto, é mais comum utilizar a sintaxe literal com aspas simples ou duplas para criar strings.

Acessando caracteres

Para acessar um caractere específico de uma string, você pode utilizar o operador de colchetes [] e especificar a posição do caractere desejado. Por exemplo:

const nome = "João";
console.log(nome[0]); // "J"
console.log(nome[2]); // "ã"

Em JavaScript, as strings são indexadas a partir de 0, ou seja, o primeiro caractere tem índice 0, o segundo caractere tem índice 1 e assim por diante.

Comprimento de uma string

Para obter o comprimento de uma string, ou seja, o número de caracteres que ela contém, você pode utilizar a propriedade length. Por exemplo:

const nome = "João";
console.log(nome.length); // 4

Métodos úteis

JavaScript fornece vários métodos úteis para manipular strings. Alguns dos métodos mais comuns são:

toUpperCase(): Converte uma string para letras maiúsculas.
toLowerCase(): Converte uma string para letras minúsculas.
concat(): Concatena uma ou mais strings.
slice(): Retorna uma parte de uma string com base nos índices especificados.
indexOf(): Retorna o índice da primeira ocorrência de um valor em uma string.
replace(): Substitui um valor por outro em uma string.
split(): Divide uma string em um array de substrings com base em um separador.
trim(): Remove os espaços em branco do início e do final de uma string.

Aqui está um exemplo de uso desses métodos:

const nomeCompleto = "João Silva";

const nomeMaiusculo = nomeCompleto.toUpperCase();
console.log(nomeMaiusculo); // "JOÃO SILVA"

const sobrenome = nomeCompleto.slice(5);
console.log(sobrenome); // "Silva"

const substituir = nomeCompleto.replace("Silva", "Santos");
console.log(substituir); // "João Santos"

const partes = nomeCompleto.split(" ");
console.log(partes); // ["João", "Silva"]

const nomeTrim = "   João   ";
console.log(nomeTrim.trim()); // "João"

Formatação avançada

Em JavaScript, é possível utilizar template literals para formatar strings de forma mais avançada. Os template literals são delimitados por crases (`) e permitem a interpolação de variáveis e expressões dentro da string utilizando a sintaxe ${}. Por exemplo:

const nome_blog = "Covil do Dev";
const adjetivo = "Incrível";

const mensagem = `O blog ${nome_blog} é ${adjetivo}`;
console.log(mensagem); // "O blog Covil do Dev é Incrível"

Os template literals também suportam quebras de linha e a inclusão de expressões JavaScript dentro da string.

Perguntas frequentes

1. Posso alterar um caractere específico em uma string?

Não, em JavaScript, as strings são imutáveis, o que significa que não é possível alterar um caractere específico em uma string. No entanto, é possível criar uma nova string com o caractere alterado utilizando métodos como slice() e concat().

2. Como posso converter uma string em um array de caracteres?

Para converter uma string em um array de caracteres em JavaScript, você pode utilizar o método split(''). Por exemplo:

const nome = "João";
const caracteres = nome.split('');
console.log(caracteres); // ["J", "o", "ã", "o"]

3. Como posso verificar se uma string contém outra string?

Você pode utilizar o método includes() para verificar se uma string contém outra string. Por exemplo:

const nome = "João Silva";
console.log(nome.includes("Silva")); // true

4. Posso utilizar operadores matemáticos em strings?

Em JavaScript, os operadores matemáticos não podem ser diretamente aplicados em strings. No entanto, é possível utilizar operadores como + para concatenar strings ou converter strings em números para realizar operações matemáticas.

5. Como posso iterar sobre os caracteres de uma string?

Você pode utilizar um loop for ou o método forEach() para iterar sobre os caracteres de uma string. Por exemplo:

const nome = "João";
for (let i = 0; i < nome.length; i++) {
  console.log(nome[i]);
}

Referências: