Tipos em JavaScript: String

Prazer! Me chamo Gabriel e escrevo artigos como uma forma de fixar o conhecimento na minha mente.

Vou publicar alguns dos meus artigos aqui na Dio porque pode acabar ajudando algúem que está com dificuldades em determinado tema.

O de hoje é bem básico, falaremos sobre Strings... Espero que gostem :)

Se você está estudando Java Script há pelo menos 2 dias, você provavelmente já sabe o que é uma String.

String nada mais é do que uma cadeia de caracteres que, no Java Script, pode ser delimitada de 3 formas:

1. Com aspas duplas

Exemplo:

(”Bom dia”)

1. Com aspas simples

Exemplo:

(’Bom dia’)

1. Com crases (Template String, que veremos mais na frente)

Exemplo:

(´Bom dia´)

API da String: charAt

Agora, vamos realizar alguns testes com o tipo String.

Vou criar uma constante e armazenar dentro dela um valor String.

const nome = “Gabriel”;

Agora, vou chamar no console.log uma função que se chama charAt, que basicamente vai me dizer qual é o caractere que está no texto dependendo da posição que eu passar à ele.

Nesse exemplo, vou passar a posição “4”.

Veja o exemplo:

console.log(nome.charAt(4))

O console irá me retornar o quarto caractere da minha String, que no caso, será a letra “i”, lembrando que o Java Script começa a contar do zero.

E você pode estar pensando: “E se dentro desse charAt eu passar um valor que não existe? Como por exemplo o valor “10”, sendo que a palavra só tem 7 caracteres.”

Bom, em muitas outras linguagens, isso daria um erro, mas, pelo fato do Java Script ser fracamente tipado, ele não irá gerar nenhum erro e não irá te retornar nada.

O Java Script é uma linguagem muito relaxada. Ela só vai te apontar um erro quando for realmente necessário. Caso contrário, ela irá rodar normalmente.

E isso pode ser bom ou ruim, depende do seu ponto de vista.

API da String: charCodeAt

E agora, diferente do charAt, o charCodeAt irá nos retornar o valor daquele determinado caractere referente à tabela Unicode, que é a tabela que transforma os caracteres em códigos para o computador ler.

console.log(nome.charCodeAt(4))

E nesse exemplo o console irá nos retornar o valor de 73, que é referente ao “i”, na tabela Unicode.

API da String: indexOf

Nós também conseguimos descobrir o índice de determinada String utilizando essa função indexOf, que basicamente irá nos retornar em qual posição da palavra aquele caractere está.

Por exemplo, veja esse código abaixo:

console.log(nome.indexOf(3))

Neste exemplo, estou pedindo à minha função indexOf para que ela me diga qual é o caractere que está no índice 3 da minha String.

Nesse caso, o console irá me retornar o valor de “R”, pois ele é o índice 3 da palavra “Gabriel”.

API da String: subString

Também temos a função subString, que basicamente irá ignorar os caracteres anteriores relacionados ao índice que você passar, lendo apenas daquele índice pra frente.

Talvez tenha ficado um pouco confuso, mas o exemplo vai te ajudar:

console.log(nome.subString(1))

Neste exemplo, passei o valor de 1 para minha função subString.

Mas o que isso quer dizer?

Quer dizer que ela vai me retornar todos os valores da minha String do índice 1 pra frente. Ou seja, ela vai ignorar o índice 0, que no nosso caso, da palavra “Gabriel”, seria a letra “G”.

O console iria me retornar “abriel”.

E daí por diante. Se eu passasse o valor “2” para minha subString, ela iria ignorar o “G” e o “A” e iria me retornar o resto da String.

E o console iria me retornar “briel”.

Além disso, também conseguimos dizer à essa função até onde queremos que ela puxe os índices.

Por exemplo:

console.log(nome.subString(0,4))

Nesse código acima, pedi para a minha função subString me passar todos os caracteres à partir do índice 0 e ir até o indíce 4, mas sem incluir o índice 4.

Então, utilizando o exemplo “Gabriel”, o console iria me retornar “Gabr”.

É como se fosse uma limitação. Pare no quarto índice, porém, não o inclua.

E vamos usar mais um exemplo, agora começando pelo índice 3.

console.log(nome.subString(3, 5))

Nesse exemplo, pedi pra função ignorar todos os índices antes do 3 e começar a me enviar os índices a partir de 3. E também pedi pra ela parar no 5, mas sem me enviar o 5.

Então, utilizando o exemplo “Gabriel”, o console iria me retornar “ri”.

API da String: concat

Essa função basicamente concatena valores, junta os valores.

Por exemplo:

console.log(”Bom dia, “.concat(nome).concat(”!”)

Neste exemplo acima, eu basicamente concatenei valores literais (são valores que não estão armazenados em constantes/variáveis/etc) com um valor que está armazenado em uma constante.

Então, quando eu rodar esse código, o console irá me retornar “Bom dia, Gabriel!”

API da String: replace

Como o próprio nome já diz, essa função pode substituir valores, dependendo do que você passar à ela.

Por exemplo:

console.log(nome.replace(1, “4”)

Neste exemplo, pedi pra minha função replace substituir o valor do índice 1 pelo valor “4”, que passei nos parâmetros.

O resultado será: “G4briel”

API da String: split

Também temos a função split, que basicamente gera um Array a partir do parâmetro de divisão que passarmos à ela.

Por exemplo:

console.log(’Gabriel,Paulo,Nayara,Marcio’).split(”,”);

O que esse código acima quer dizer?

Bem, nós passamos uma String cheia de nomes que estão separados por vírgulas.

Logo em seguida, chamei minha função split, que é capaz de gerar um array com cada um desses nomes que passei.

porém..

A função split precisa saber qual é o separador dessas palavras, porque senão passarmos isso, pro computador toda essa String é uma palavra só.

Mas nós sabemos que elas estão separadas por vírgulas, mas o computador não entende isso.

E por isso que passamos, dentro dos parênteses do split(), a vírgula, para avisar à função que é pra separar a String à partir das vírgulas.

E o resultado que ela irá retornar será esse:

[ ’Gabriel’, ‘Paulo’, ‘Nayara’, ‘Marcio’ ]

Exatamente como queríamos. Ele separou cada palavra a partir da vírgula e formou um Array perfeito com elas.