JavaScript Básico 5: Strings (parte 2)

Código do Vídeo:

const ola = "Olá Mundo!";
// let ola2 = 'Olá Mundo!';
// const ola3 = `Olá Mundo!`;

// console.log(ola);
// console.log(ola2);
// console.log(ola3);

// let novalinha = "Primeira Linha\nSegunda Linha\nTerceira linha";

// console.log(novalinha);

// let ola4 = "ola mundo";

// console.log(ola == ola2);
// console.log(ola == ola4);

let dominio = "mundojs";
let dominio2 = "google";

let site1 = "www." + dominio + ".com.br";
www.mundojs.com.br

console.log(site1);

let site2 = `www.${dominio2}.com.br`;

console.log(site2);

console.log(ola + dominio + site2);

O que é concatenação?

A concatenação é nada mais, nada menos do que a união de 2 ou mais strings. Esse recurso é muito útil na montagem de frases de aviso para o usuário, criação de logs de desenvolvimento, entre outras funcionalidades.

 

Como é feita a concatenação no JavaScript?

Existem duas formas de concatenar. Uma delas é o jeito tradicional, que utiliza o sinal + e o outro foi implementado com ES6 (Ecmascript 6, uma atualização dos padrões do JavaScript). No código abaixo é possível ver ambas implementaçãoes:

//modo tradicional
console.log("www." + "mundojs" + ".com.br");

let variavel1 = "teste ";
let variavel1 = "teste teste teste";
console.log(variavel1 + variavel2);

//modo novo
let ola = "Olá";
console.log("${ola} Mundo!");

let mundo = "Mundo";
console.log("${ola} ${mundo}!");

Exercícios

Como você poder ver acima, a concatenação em si é um conceito relativamente simples, o importante é praticar para saber fazer tudo bem feito. Por isso, vamos fazer diversos exercícios para iniciar com essa prática.

1. Exercício 1
   1. Crie uma variável chamada palavra1 e que tenha a string com o valor “Aprendendo” dentro dela.
   2. Crie mais uma variável chamada palavras com a string com o valor “strings em JavaScript”
   3. Exiba no console a frase “Aprendendo strings em JavaScript”. Lembrando de ter todos os espaços
2. Exercício 2
   1. Crie 3 variaveis com os nomes palavra1, palavra2, palavra3, cada uma contendo uma palavra igual ao nome da variável correspondentes (ex.: let palavra1= “palavra1”);
   2. Crie mais 3 variaveis chamadas frase1, frase2, frase2. Cada uma iniciará com “Esta é a frase com a ” mais a palavra correspondente
   3. Usando apenas um comando de console.log() exiba a seguinte string de múltiplas linhas:

Esta é a frase com a palavra1

Esta é a frase com a palavra2

Esta é a frase com a palavra3