Resumo da Live TikTok 04082024 – Desvendando o Código

Olá Pessoal!

Na Live do dia 04/08/2024 foram abordados os seguintes temas:

Condicionais Simples, Composta e Aninhada;
forEach;
indexOF;
for in;
for of
findIndex;
Vetores de Objetos;
Callback.

ANOTACOES
// if(condicao){  //condicional simples

//           //bloco de comandos
// }else if(condicao2){
//      //bloco de comandos
// }else{
//   //bloco de comandos

// }
var b = 10;
let a = 20; //escopo global
        if(b == 10){
            let a = 50;
            console.log(a);   //escopo local
        }
console.log(a); 

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>
</head>
<body>
    <p id="paragrafo"> marcos
    </p>
    <button onclick="clicar()" >Clique aqui        
    </button>

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

        function clicar(){
            p.innerText = 'Botão clicado'
        }
    </script>

</body>
</html>

FOREACH FOR OF FOR IN
// const numeros = [1,2,3,4,5];

// function multiplicar(valor){
//     return console.log(valor * 5);
// }
// numeros.forEach(multiplicar);

// const numeros = [10,20,30,40,50];
// //indice         0  1  2  3  4
// //posicoes       1  2  3  4  5
// // for(var i = 0;i < numeros.length; i++ ){
// // console.log(numeros[i]);
// // }
// for(var num of numeros){
//     console.log(num);
// }

const numeros = [10,20,30,40,50];
for(  let numero in numeros ){
console.log(numero);
}

OBJETOS
const pessoa = {
    nome: "João",
    sobrenome: "Silva",
    NomeCompleto : function(){
        return this.nome + ' ' + this.sobrenome;
    }
}
console.log(pessoa.NomeCompleto());


VETOR DE OBJETOS
const pessoas = [
    {
        nome:"Alice",
        idade:25,
        cidade: "Rio de Janeiro",
        interesses:["musica","filmes","viajar"]
    },
    {
        nome:"joão",
        idade:15,
        cidade: "São Paulo",
        interesses:["natacao","filmes","livros"]
    }
];

// const index = pessoas.findIndex(function(pessoa){
// return pessoa.cidade === "Rio de Janeiro"
// })

const index = pessoas.findIndex(pessoa =>
    pessoa.cidade === "Rio de Janeiro"
    )
    


console.log(index);

CALLBACK
// function somar(a, b){
//     console.log('Processando ...');
//     return a + b;   
// }
// console.log(somar(5,6));
function saudar(nome, callback){
    console.log("Olá " + nome);
    callback();
}

function despedir(){
    console.log("Tchau");
}
saudar("Marcos", despedir);