Curso JavaScript - Strings

 

/* ASPAS EM STRING e VERIFICAÇÃO TYPEOF
*/
 
let umaString = 'Um "Texto grande geralmente é ignorado." ';
let umaString2 = 'Um Texto grande "bem" escrito.';
const num1 = 'Um texto grande tem "1000" palavras'

console.log(umaString, umaString2, num1, typeof num1, typeof umaString);

Caso você precise usar uma ou mais palavras com aspas, é possivel, basta colocar as aspas
No exemplo acima, verificamos se o "num1" e UmaString são mesmo strings. O resultado
no terminal foi: string.

Tudo que tiver entre aspas é string. Aspas simples ou duplas


* STRING - Mostra a posição de cada caractere
*/
 //          123456789101112131415161718192021
let moka1 = 'moka, escreve uma carta';

console.log(moka1[22]);

No exemplo acima, o último caractere da frase é o 21, que corresponde a letra a.

/* STRING - Mostra barra invertida
*/
 //          12345678910111213141516
let moka1 = 'moka, escreve uma \\ carta';

console.log(moka1);

o resultado no terminal será "moka, escreve uma \carta"


/* STRING - FUNÇÃO CONCAT - 3 FORMAS
*/
 
let moka1 = 'Um poema';

console.log(moka1 + ' em um lindo dia');
console.log(moka1.concat (' em um lindo dia'));
console.log(`${moka1} em um lindo dia`);

Tem 3 formas de concatenar, a mais simples é usando $ antes da variável

Resultado no terminal:
Um poema em um lindo dia
Um poema em um lindo dia
Um poema em um lindo dia


Essa opção é a melhor. Eu posso criar uma variável res, e concatenar a primeira
variável com as demais. No console, colocou apenas a variável res, que "representa"
as demais variáveis.

let moka1 = 'Meu trabalho é estudar.';
let moka2 = ' Estudar é o único caminho.';
let moka3 = ' Vou aproveitar ao máximo meu tempo';

let res = moka1.concat (moka2, moka3);

console.log(res);

No terminal:
Meu trabalho é estudar. Estudar é o único caminho. Vou aproveitar ao máximo meu tempo


Algumas coisas para aprender.


/* ToUpperCase e toLowerCase
*/
 
var moka1 = 'Meu trabalho é estudar.';
var moka2 = ' Estudar é o único caminho.';
var moka3 = ' Vou aproveitar ao máximo meu tempo';

console.log(moka1.toUpperCase());
console.log(moka1.toLowerCase());

Terminal: MEU TRABALHO É ESTUDAR
Meu trabalho é estudar

EXERCÍCIO COM VÁRIAS STRINGS

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        const nome = prompt ('Digite seu nome completo');
        document.body.innerHTML += `O seu nome é:<strong>${nome}</strong><br />`;
        document.body.innerHTML += `O seu nome tem <strong> ${nome.length}</strong><br />`;
        document.body.innerHTML += `A terceira letra do seu nome é <strong>${nome[2]}</strong><br />`;
        document.body.innerHTML += `Qual o primeiro índice da letra LETRA no seu nome?<strong>${nome.indexOf('a')}</strong><br/>`;
        document.body.innerHTML += `Qual o último índice da letra LETRA no seu nome?<strong>${nome.lastIndexOf('a')}</strong><br/>`;
        document.body.innerHTML += `As últimas 3 letras do seu nome são:<strong>${nome.slice(-3)}</strong><br />`;
        document.body.innerHTML += `As palavras do seu nome são:<strong>${nome.split(' ')}</strong><br />`;
        document.body.innerHTML += `Seu nome com letras minuscula:<strong>${nome.toLowerCase ()}</strong><br />`;
        document.body.innerHTML += `Seu nome com letras maiusculas:<strong>${nome.toUpperCase ()}</strong><br />`;

    </script>
</body>
</html>

Resultado no navegador:
O seu nome é:Moises Nazareno
O seu nome tem 15
A terceira letra do seu nome é i
Qual o primeiro índice da letra LETRA no seu nome?8
Qual o último índice da letra LETRA no seu nome?10
As últimas 3 letras do seu nome são: eno
As palavras do seu nome são: Moises,Nazareno
Seu nome com letras minúscula: moises nazareno
Seu nome com letras maiúsculas: MOISES NAZARENO





Comentários

Postagens mais visitadas deste blog

Curso JavaScript - Estruturas Condicionais - If, Else if e Else

Curso JavaScript - Variável com Let

Curso JavaScript - Arrays