Tudo sobre string em JavaScript

Todos linguagem de programação possuem estruturas de dados internas, mas geralmente diferem de uma linguagem para outro. Nesse artigos vamos falar sobre o tipo de dados string no JavaScript.

Sumário

1 Introdução à string no JavaScript

2 Escapar de caracteres especiais

3 Acessando personagens

4 Concatenando strings via operador +

5 Convertendo valores em string

6 Comparando strings

7 Conclusão

8 Perguntas frequentes

Introdução à string no JavaScript

Strings JavaScript são valores primitivos. Além disso, strings são imutáveis. Isso significa que se você modificar uma string, sempre obterá uma nova string. A string original não muda.

Para criar strings literais, você usa aspas simples ( ‘) ou aspas duplas ( “) assim:

let str = 'Hi';
let greeting = "Hello";

O ES6 introduziu literais de modelo que permitem definir caracteres de backtick (`) de string:

let name = `John`;

Os literais de modelo permitem que você use aspas simples e duplas dentro de uma string sem a necessidade de escapá-las. Por exemplo:

let message = `"I'm good". She said"`;

Além disso, você pode colocar as variáveis e expressões dentro de um modelo literal. O JavaScript substituirá as variáveis por seus valores na string. Isso é chamado de interpolação de string. Por exemplo:

let name = 'John';
let message = `Hi, I'm ${name}.`;

console.log(message);
>>> Hi, I'm John.

Neste exemplo, o JavaScript substitui a namevariável por seu valor dentro do literal de modelo.

Veja também:

Estrutura Básica Do HTML
Introdução rápida sobre CSS
Introdução rápida sobre Python

Escapar de caracteres especiais

Para escapar de caracteres especiais, você usa o \ caractere de barra invertida. Por exemplo:

Quebra de linha do Windows: ‘\r\n’

Quebra de linha Unix: ‘\n’

Aba: ‘\t’

Barra invertida: ‘\’

O exemplo a seguir usa o caractere de barra invertida para escapar das aspas simples em uma string:

let str = 'I\'m a string!';

OBS: Observe que JavaScript tem o String tipo (com a letra S maiúscula), que é o tipo wrapper primitivo do tipo primitivo string. Portanto, você pode acessar todas as propriedades e métodos do tipo String a partir de uma string primitiva.

Acessando personagens

Pois bem, para acessar os caracteres em uma string, você usa a [ ] notação tipo array com o índice baseado em zero. O exemplo a seguir retorna o primeiro caractere de uma string com o índice zero:

let str = "Hello";
console.log(str[0]);
>>> "H"

Para acessar o último caractere da string, você usa o length – 1 índice:

let str = "Hello";
console.log(str[str.length -1]);
>>> "o"

Concatenando strings via operador +

Para concatenar duas ou mais strings, você usa o +operador:

let name = 'John';
let str = 'Hello " + name;
 
console.log(str);
>>> "Hello John"

Se você quiser montar uma corda peça por peça, pode usar o += operador:

let className = 'bth';
className += ' btn-primary';
className += ' none';

console.log(className)
>>> bth btn-primary none

Convertendo valores em string

Para converter um valor não string em uma string, use um dos seguintes:

String(n);
” +n
n.toString()

Observe que o toString() método não funciona para undefined e null.

Quando você converte uma string em um booleano, não pode convertê-la de volta. Por exemplo:

let status = false;
let str = status.toString(); // false
let back = Boolean(str); // true

Primeiro, declare a status variável e inicialize-a com o valor false.
Em segundo lugar, converta a variável de status em uma string usando o toString() método.
Em terceiro lugar, converta a string de volta em um valor booleano usando a Boolean() função. A função Boolean() converte a string “false” em um valor booleano. O resultado é verdadeiro porque “false” é uma string não vazia.

OBS: Observe que a única string para a qual Boolean() retorna false, é a string vazia ( ”);

Comparando strings

Para comparar duas strings, você usa operadores de comparação como >, >=, <, <= e == operadores.

Certamente, os operadores de comparação comparam strings com base nos valores numéricos dos caracteres. E pode retornar a ordem das strings diferente daquela usada nos dicionários. Por exemplo:

let result = 'a' < 'b';
console.log(result);
>>> true

No entanto:

let result = 'a' < 'B';
console.log(result);
>>> false

Veja o primeiro artigo do Roadmap: Introdução rápida sobre JavaScript

Conclusão

Chegamos ao final do artigo e até aqui você aprendeu o que um string. Não se preocupe se de primeiro momento você não pegou o assunto. Assim para fixar você deve está sempre consultado o material. Além desse artigos sobre string existirá outro sobre o assunto, mas sempre com o objetivo facilitar o seu aprendizado.

Então é isso, espero ter ajudado. Bons estudos e vamos para o próximo artigo do roadmap.