String Essencial – Javascript

Já sabemos que podemos utilizar variáveis do tipo string em nossos softwares.

 

Nesse vídeo eu vou te mostrar o mínimo que você precisa saber sobre string, o essencial para aprender programação em Javascript.

 

Vamos conversar sobre algumas operações básicas de manipulação de strings em Javascript.

 

String Essencial – Javascript

 

Já vimos o que é variável e tipos de variáveis. Se você ainda não viu, dá uma olhada aqui.

 

Variável é uma porção da memoria do computador com uma “etiqueta”, que é seu nome. Através do seu nome conseguimos ler e escrever dentro desse espaço.

 

String é um tipo de variável que guarda uma cadeia de caracteres.

 

Com este tipo de variável conseguimos manipular um texto para exibir ao usuário, seja ele vindo da base de dados, de outro sistema ou que o próprio usuário informou.

 

Criando Uma Nova String

 

Como já disse em outros vídeos, a declaração de variáveis em Javascript é opcional, mas é uma boa prática de programação, por isso vou sempre fazer desta forma.

 

Então, para criar uma nova string, basta declarar a variável com a palavra-chave var.

 

var texto = “Este é um texto de exemplo”;

 

Precisamos obrigatoriamente colocar o texto entre aspas, senão receberemos um erro.

 

Aspas Simples Ou Aspas Duplas?

 

E para delimitar esse texto, uso aspas simples ou aspas duplas?

 

var texto1 = “Este é um texto”;
var texto2 = ‘Este é outro texto’;

 

Em Javascript você pode escolher. Tanto faz usar um ou outro para delimitarmos o texto. Só não podemos misturar os dois na mesma string:

 

var texto = “Este texto está errado’;

 

A dica que dou aqui é escolher um. Não fique misturando as aspas no seu código, ele fica confuso de ler e depois de algum tempo nem você vai entender direito que se passa no código.

 

E como eu coloco aspas no meu texto que está dentro da string?

 

Se você usou um tipo de aspas para delimitar, pode utilizar a outra dentro do texto sem nenhum problema, como no exemplo abaixo:

 

var texto = ‘E ele disse “Tudo bem?” para todos os presentes.’;

 

Sequência De Escape

 

Poxa, mas eu escolhi utilizar duas aspas no meu código e agora preciso de um texto com aspas duplas também… tem como?

 

Sim, tem como sim. Basta utilizar uma sequência de escape.

 

Neste caso, podemos utilizar o \” para incluir aspas duplas em nossa string delimitada também com aspas duplas, assim:

 

var texto = “E ele disse \“Tudo bem?\” para todos os presentes.”;

 

Bom, se eu uso a barra invertida para incluir aspas, como faço para incluir uma barra invertida no texto?

 

Para isso usamos outra sequência de escape: \\

 

Existe também uma sequência de escape para incluirmos uma quebra de linha no texto, o: \n.

 

var texto = “Este texto está na primeira linha.\nE este na segunda linha.”;

 

As sequencias de escape do Javascript são:

 

\’	aspas simples
\”	aspas duplas
\\	barra invertida
\b	backspace
\f	form feed
\n	nova linha
\r	carriage return
\t	tab
\v	tab vertical

 

Concatenando Strings

 

E para terminar essa aula de string essencial em javascript, vamos ver a concatenação de strings.

 

Concatenar é “colocar junto”, “juntar”.

 

E para juntar duas ou mais strings, usamos o operador +:

 

var texto01 = “Primeiro, ”;
var texto02 = “segundo.”;

var texto03 = texto01 + texto02;

console.log(texto03);

 

Podemos também misturar variáveis e texto:

 

var texto01 = “Este”;
var texto02 = “texto”;
var texto03 = texto01 + “ é um ” + texto02

console.log(texto03);

 

Desafio

 

Agora chegou a sua vez! O desafio de hoje é bem simples, crie um programa que peça o nome do usuário e imprima a saudação “Bem vindo [nome]!”.

 

Palavras Finais

 

Acabamos de ver o essencial, o mínimo sobre strings que você precisa saber para aprender a programar em Javascript.

 

Olha quanta coisa aprendemos em poucos minutos: vimos como criar uma string, como utilizar aspas simples e aspas duplas, sequencias de escape e concatenação de strings.

 

Meu e-book Como Aprender a Programar do Absoluto Zero está GRATUITO por tempo limitado!

Olha o link: 👉🏼 http://celsokitamura.com.br/como-aprender-a-programar

Bora aprender a programar!