Como pegar caracteres de um texto no JavaScript

Textos e strings / Tutorial JavaScript

O método charAt é usado para acessar um caractere específico de uma string com base no índice.

Sintaxe básica

A sintaxe básica do charAt é:

string.charAt(indice)

Exemplo:

let texto = "JavaScript"
console.log(texto.charAt(0)) // "J"
console.log(texto.charAt(4)) // "S"

Índices fora do intervalo

Se o índice estiver fora do intervalo, o método retorna uma string vazia.

Exemplo:

let texto = "JavaScript"
console.log(texto.charAt(20)) // ""

Acessando caracteres como se fosse um array

Além do método charAt, você também pode acessar caracteres de uma string usando a notação de colchetes ([]), como se fosse um array.

Exemplo:

let texto = "JavaScript"
console.log(texto[0]) // "J"
console.log(texto[4]) // "S"

Diferenças e implicações

  1. Compatibilidade: A notação de colchetes não é suportada em versões muito antigas do JavaScript (como o IE7 e anteriores), enquanto charAt é amplamente compatível.
  2. Comportamento fora do intervalo: Assim como charAt, acessar um índice fora do intervalo com colchetes retorna undefined em vez de uma string vazia.

Exemplo:

let texto = "JavaScript"
console.log(texto[20]) // undefined

Dicas práticas

  1. Use charAt para acessar caracteres específicos.
  2. Combine com loops para iterar sobre strings.
  3. Use a notação de colchetes para um código mais conciso, mas tenha cuidado com a compatibilidade.

O método charAt e a notação de colchetes são úteis para manipulação de caracteres. Experimente usá-los!