Resumo da Live TikTok 20072024 – Desvendando o Código

Olá Pessoal!

Na Live do dia 20/07/2024 foram abordados os seguintes temas:

Revisão de Incremento Decremento;
Escopo VAR LET CONST;
Propriedade Lenght;
Vetores;
Métodos: Push Unshift Pop Shift Splice indexOf e ForEach;
Json.

ANOTAÇÃO
var a = 10;

a = 20;


const vetor = [ 99,1 ,2,3,4,5, 6 ];
//  indice       0 1 2 3 4 
// posicoes    1 2 3 4 5 

//métodos para manipular os vetores

// push   
// vetor.push(6) 
// vetor.unshift(99)  
// vetor.pop()
// vetor.shift()

// vetor.splice(2, 1)

// console.log(vetor.length);

// foreach


/*
5
5
6

*/

//escopo
// let a = 10;
// var b = 20;
// const c = 30;

//         if(a == 10){

//             let a = 50;
//             b = 200;
//             const c = 300; 

//         }

EVENTOS
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Eventos</title>
    <script src="json.js"></script>
</head>
<body>
    
    <div id="meuDiv" style="width: 200px; height:100px;
    background-color: lightblue;"
    
    onclick="clicar()">

    <p>   </p>

    </div>

    <script>
        const meuDiv = document.getElementById('meuDiv');
        const paragrafo = document.querySelector('p');

        meuDiv.addEventListener('mouseover', ()=>{
            meuDiv.style.backgroundColor = 'lightgreen'

        })


        function clicar(){
            paragrafo.innerText = 'Clicou'
        }

    </script>

</body>
</html>

CONVERSÃO JSON
//CONVERTER JSON PARA OBJETO

// const dados = `{
//     "nome": "Maria",
//     "idade": 28,
//     "cidade": "São Paulo"
// }`;

// const obj = JSON.parse(dados)

// console.log(obj);
// console.log(typeof(obj));

//CONVERTER OBJETO PARA JSON

const pessoa = {
    nome: 'João',
    idade: 35,
    cidade: "Rio de Janeiro"
};

const jsonString = JSON.stringify(pessoa);
console.log(jsonString);
console.log(typeof(jsonString));

FOREACH
const numeros = [1, 2, 3, 4];

function mutiplicar(valor){

   return console.log(valor * 5);    
}
numeros.forEach(mutiplicar);