Curso de JavaScript: Dominando Variáveis e Tipos de Dados

seja muito bem-vindo ou bem-vindo a nossa segunda aula do nosso curso de JavaScript o curso mais didático mais direto ao ponto para você que quer aprender JavaScript a linguagem de programação com mais oportunidades no Brasil e no mundo eu sou Rodolfo Mori e seja muito bem-vindo ou bem-vinda a mais um vídeo do canal vamos continuar então se você ainda não assistiu o primeiro vídeo vai est aqui na descrição Nossa playlist de vídeos de JavaScript vou deixar também no card e bora botar a mão na massa no primeiro vídeo a gente viu alguns conceitos para que

que o JavaScript serve como que a gente roda o JavaScript e hoje a gente vai ver outros conceitos muito importantes que você precisa saber para ser um programador de primeira ó para começar a gente vai falar de um conceito importantíssimo em qualquer linguagem de programação é o conceito de variáveis você tem que saber o que que é uma variável para que você consiga programar e dentro do JavaScript tem jeitos diferentes de usar as variáveis por isso que a gente vai aprender cada um deles e quando usar cada um deles para começar eu vou te explicar

que que é uma variável e para que que ela serve e ó para você entender na prática eu trouxe uma galerinha para me ajudar ó vamos lá vai ficar mais fácil vamos supor que você tá com uma grana aí no bolso é tá com uma graninha E aí você precisa depositar esse dinheiro no banco então você vai lá pega seu dinheiro Peg seu dinheiro vai até o banco e que que você faz bem você chega até o caixa e Deposita o dinheiro beleza depositou o dinheiro mas vamos supor que lá no banco eles não pegassem

informação nenhuma de você simplesmente pegasse o dinheiro e jogasse lá no cofre do banco e aí como que o banco ia saber qual que é o seu dinheiro qual que é o dinheiro do João da Maria ia ser um caos não é verdade por isso que toda vez que você vai no banco depositar dinheiro primeira coisa que o atendente te pergunta é Qual que é sua agência e conta ou seja é uma agência e conta é um número ali principalmente a da sua conta que é só sua então eles sabem exatamente o lugar certo que

o dinheiro vai estar e com isso você tem um saldo bancário tá Rodolfo Mas que que isso tem a ver com variáveis B os computadores a gente pode guardar diversas informações é a gente vai criar um programa que guarda por exemplo informações de um cliente a gente pode criar um programa que vai fazer soma de dois números ele precisa pegar o primeiro número segundo número para depois somar aqueles números Ah E para isso a gente tem que falar pro computador onde que essas informações vão ficar e como que a gente vai identificá-las porque se você

simplesmente falar computador guarda isso aí guarda isso guarda aquilo quando você precisar dessas informações Como que você vai resgatar essas informações por isso que nós usamos variáveis tanto no JavaScript quanto em outras linguagens de programação variáveis são pedacinhos e imagina um pedacinho de memória ali no seu computador que a gente fala computador pega esse pedacinho de memória e separa ali para mim que eu vou guardar alguma coisa ali dentro você vai dar um nome para esse pedacinho de memória e você pode guardar o que você quiser ali dentro pode ser um número pode ser letras

pode ser textos pode ser o que você quiser e aí toda vez que você quiser recuperar aquela informação é só você falar o nome daquele pedacinho de memória que você criou ficou meio confuso vamos ver na prática aqui no computador e já entender como que a gente usa variáveis no JavaScript tô aqui na tela do meu computador e no JavaScript a gente tem três jeitos de criar uma variável Então a gente tem a gente pode criar com const com Let e também com var Ah legal E como que é para criar uma variável a gente

coloca uma dessas Três Palavrinhas já vou te explicar diferença delas e aí a gente dá um nome por exemplo eu vou criar a minha variável chamado abacate então coloco aqui abacate você pode dar o nome que você quiser criei minha variável só que eu preciso guardar alguma coisa dentro dela por isso que eu uso o sinalzinho de igual e aí eu posso guardar um número eu posso guardar também um texto e aí já se inscreveu no canal eu posso guardar o que eu quiser e o mais importante e mais interessante é o seguinte eu criei

um pedacinho de memória chamado abacate você pode o nome que você quiser guardei alguma coisa aqui dentro por exemplo um texto e aí eu posso usar quantas vezes eu quiser na aula passada a gente aprendeu um comando chamado console.log e com ele a gente consegue pegar e colocar alguma informação na tela eu vou colocar aqui o abacate então basicamente toda vez que eu uso aqui ó chamo o abacate que que ele faz ele vai lá e fala computador ó tô procurando um tal de abacate aí e aí ele vai me trazer a informação que tá

aqui dentro se eu tivesse outra variável aqui por exemplo número guardasse aqui o 30 da mesma forma eu posso pedir pro meu computador ó vai lá e procura o número então ele vai procurar uma variável chamado número e vai mostrar na tela para nós na aula passada a gente instalou uma extensão e com ela a gente consegue rodar esse código aqui eu vou colocar aqui o comando basicamente é o control alt n e ele roda para nós então ele tá trazendo para nós aqui o que tá dentro de abacate e o que tá dentro de

n número beleza legal funcionou mas Rodolfo quando que eu uso o const quando que eu uso o let quando que eu uso o var vamos começar pelo var o var é uma maneira antiga muitos e muitos anos atrás só existia o var no JavaScript então é uma forma um pouco antiga de se criar variáveis que não é mais utilizada talvez você em algum momento pegue algum código antigo que você veja lá o var só que se você vai criar um código novo você não deve usar o o var o var ele foi por assim dizer

descontinuado dá para usar dá mas não é recomendado não é recomendado usar beleza aí nós temos duas formas então modernas de criar variáveis no JavaScript o const e o let e qual que é a diferença Olha tem algumas diferenças mas vamos pro básico e depois a gente adentra um pouco mais basicamente A diferença é que o con é uma constante constante é por exemplo eu criei aqui o abacate vamos supor que com o tempo eu não quero mais que o abacate tenha um texto eu quero que o abacate ele tenha um número então eu vou

lá escrevo abacate Ah eu quero que o abacate agora guarde o número 30 olha só o que vai acontecer eu criei o abacate E aí eu coloquei um texto só que passou um tempo e agora eu quero colocar o número eu vou salvar aqui vou tentar rodar deixa eu limpar aqui vou tentar rodar e ele deu um erro Olha só erro erro erro ó é uma constante essa variável é uma constante ou seja se eu criei um valor inicial para ela esse valor ele não eu não posso colocar um novo valor ali dentro eu não

posso declarar um novo valor vai dar problema agora se eu uso let eu consigo trocar o valor aqui quantas vezes eu quiser melhor dizendo eu consigo declarar um novo valor quantas vezes eu quiser olha não não deu mais erro Se eu colocar um console pon log aqui embaixo você vai ver que vai aparecer o número 30 por que o 30 Ele criou minha variável colocou esse valor aqui dentro e aí depois eu atribuí um novo valor para minha variável abacate Beleza então com Let eu consigo tá Rodolfo eu mais ou menos entendi com Let eu

consigo criar uma variável colocar um valor nela e depois atribuir um novo valor e com const não Mas qual que eu uso basicamente para você que tá no começo e você não ficar confuso o que que eu te recomendo sempre que for criar uma variável cria com const a gente costuma criar tudo com const e quando você vê alguma necessidade ou você vê que deu pau porque você precisava atribuir um novo valor aí você pode ir lá e mudar para let claro que Conforme você for pegando o jeito das coisas você já vai saber quando

criar com l Quando criar const Mas você que tá começando não precisa ficar preocupado com isso cria tudo com const quando for necessário você vê que deu algum errinho aí você cria com LED Tá bom mais pra frente a gente vai ver que tem algumas outras diferenças mas a principal diferença é essa entendido o conceito de variáveis você deve ter percebido que a gente criou um texto a gente criou um número e existem vários tipos de dados dentro do JavaScript e agora a gente vai ver os principais tipos de dados dentro do JavaScript primeiro tipo

de dado que eu vou apresentar para você vocês aqui são as Strings ou textos é então vou criar aqui uma variável qualquer vou chamar de de texto e aí esse tipo de dado vai ser uma string que que é uma string um texto para criar Strings Eu sempre tenho que usar aspas duplas aspas simples ou crases já vou te falar a diferena pros Três mas basicamente eu vou colocar aqui primeiro com aspas duplas coloquei aspas duplas aqui e eu posso escrever o que eu quiser perfeito Lembrando que eu não posso simplesmente sair escrevendo sem colocar

aspas duplas aspa simples porque ele vai achar que isso aqui é uma variável perceba que quando eu escrevo um texto qualquer Ele sempre vai encarar como sendo uma variável Ok só coloquei um texto ali sem colocar as aspas duplas e simples ele vai achar que é uma variável e eu não quero isso então quando eu quero escrever textos eu coloco aspas duplas aspas simples e aí todos os caracteres que eu colocar aqui ele vai encarar isso como sem um texto Rodolfo quando que eu uso aspas duplas quando eu uso aspas simples quando eu uso crase

basicamente aspas duplas e aspas simples são a mesma coisa aspas simples aspas duplas você pode usar a seu critério são iguaizinhos vai do gosto do freguês só que a crase ela tem uma diferença Olha só o comportamento das aspas duplas escreve um texto aqui só que eu quero pular linha tá vendo ó ele já deu pau já deu pau não deu certo não não não não ele não deu deixa eu pular linha aspas simples a mesma coisa então eu vou ter que me conter em apenas uma linha aqui ó apenas uma linha agora quando eu

uso a crase olha só que legal Lembrando que a crase é esse assento meio deitadinho pro lado esquerdo tá bom então com a crase eu consigo escrever o que eu quiser posso ir pulando linha e perceba que ó a cor não mudou agora sim não tá dando erro com a crase eu consigo certo e outro ponto legal da crase é que eu posso colocar misturar texto com variáveis mais pra frente a gente vai ter uma aula só para falar isso sobre o template string mas mostrando de forma bem rápida se eu tiver um texto um

texto um monte de texto e vamos supor que eu tenho outra variável ali ó conste número e o número é 39 eu posso aqui no meio invocar essa variável 30 essa na variável número como bem se eu escrever só número assim ele vai encarar isso aqui como texto porém se eu colocar o sinalzinho de dólar o cifrão e as chaves dessa forma Tudo que tiver aqui dentro ele vai encarar como um código JavaScript e não como texto então se eu escrever número agora ele vai procurar uma variável chamada número e aí eu posso colocar um

texto aqui ó o número é E aí quando eu rodar você vai ver que a resposta vai ser Opa faltou T console pon log deixa eu colocar o console P log para mostrar na tela salvei rodei e agora como você pode ver o número é 39 então Ele misturou um texto com um valor com uma variável E para isso eu preciso usar o template Strings que é a crase mais o dólar mais as chaves olha só que legal se eu tivesse usado as aspas duplas ou aspas simples ele não entenderia isso aqui como uma rá

ele entenderia isso aqui como um caracter e ó não daria certo não não então se eu quero usar esse esse artifício eu preciso colocar as crases Então já entendemos sobre as Strings que são os textos e entendemos as três formas de a gente utilizá-las dentro do nosso código JavaScript mas existem outros tipos de dados por exemplo os numbers que são os números não tem muito segredo em relação aos números então eu vou criar aqui uma variável chamado número eu posso usar aqui número 30 número 100 número 200 normalmente como você está acostumado Tá certo então

números Lembrando que os números a gente não precisa colocar assim ó Isso aqui é um caracter correto isso aqui é um texto um texto do número 200 agora isso aqui é um número e interessante dos números é que a gente pode também utilizar os operadores aritméticos Rodolfo operador aritmético é a gente pode fazer multiplicação divisão e assim por diante então se eu quero somar eu pego um número mais outro número se eu quero subtrair eu coloco sinalzinho de menos se eu quero multiplicar é o asterisco 200 x 20 e se eu quero dividir é a

Barrinha 200 di por 20 Ah então são os operadores aí que a gente pode utilizar nosso código só um detalhe muito importante eu vou colocar meu console pon log aqui para vocês verem uma coisa se eu rodar ele vai fazer a conta e vai me dar o resultado 200 divo por 20 quanto que dá se você for péssimo de matemática que nem eu você vai ver o resultado primeiro que é 10 beleza isso aqui ele tá fazendo as operações eu poderia colocar 200 di 20 - 10 x 13 e assim por diante Ah não quero

tudo misturado você pode usar que nem na matemática Ó você coloca aqui os parênteses para ir dividindo não tem problema só que presta atenção se eu coloco aspas agora não são mais números são textos Ah e se a gente rodar agora você vai ver que ele vai colocar exatamente o que tá aqui porque agora não são mais números mas são Strings Ah muito interessante mas vamos continuar que tem outros tipos de dados aqui pra gente aprender próximo tipo de dado é o boleano boleano ou que basicamente é o nosso vou criar uma variável aqui variável

é o nosso true ou falso verdadeiro ou falso tá Rodolfo mas para que que eu vou querer saber se algo é verdadeiro ou falso quando que eu vou usar isso bem mais PR frente você vai ver que na programação a gente tem que saber às vezes se uma informação ela é verdadeira ou falsa exemplo você chegou num formulário que você esqueceu de digitar uma informação aí de repente formulário te avisou o site e falou assim olha você não preencheu o campo de senha tá vazio basicamente o que a gente faz é verificar se tem informação

ou não tem se tem informação é verdadeiro ou true true se não tem informação é falso falso entendeu então o boleano é isso não tem opção ou é verdadeiro ou é falso perfeito esse é o boleano o próximo é os objetos vamos falar aqui um pouco de objeto os objetos objetos nada mais é do que uma forma de gente agrupar várias informações num lugar só a gente aprendeu aqui por exemplo sobre as Strings e sobre os numbers vamos supor que eu faça um cadastro de um usuário Então vamos lá criar o usuário então eu vou

criar o nome do usuário o nome do usuário é Rodolfo agora ã a idade do usuário a idade dele é 30 Ah eu preciso saber se ele é casado casado ou não vou colocar que é falso não não é sou casado sim é true a se Dona Bonita ver isso então Vocês entenderam mais ou menos dá trabalho imagine um usuário que tenha 30 informações eu ia ter que criar 30 variáveis por isso que existe os objetos é bem simples eu vou criar uma variável aqui para guardar o nosso objeto vou chamar de usuário usuário coloquei

aqui as chaves e aqui dentro eu vou criando as informações usuário por exemplo o nome dele eu escrevo o nome não é igual tá aqui eu coloco dois pontos e aí posso usar aspas duplas posso usar aspas simples como você quiser Rodolfo beleza quero mais uma informação coloco uma vírgula e agora eu vou colocar a idade dele 2 pont 30 quero mais uma informação bem vou colocar se ele é casado ou não aqui eu vou colocar como true verdadeiro ele é casado Ah legal então esse aqui é o objeto uma forma de eu agrupar várias

informações Então em vez de eu ter que chamar três variáveis agora eu dou um console pon Log em uma variável executo e tá aqui ó nome Rodolfo idade 30 casado true e olha só que legal os objetos vamos supor que eu só queira a informação do nome é só eu pegar o usuário que é a variável que tá o meu objeto ponto a informação que eu quero o BS code até completa para mim eu só quero saber o nome do usuário usurio nome limpei aqui rodei de novo e tá aqui só a informação que eu

quero olha só que legal os objetos aproveitando que a gente tá no embalo dos objetos eu vou falar rapidinho aqui eu vou apagar esses carinhas vou falar aqui do nu e undefined nulo ou Indefinido que que é o nulo Indefinido olha basicamente para você entender o nulo Indefinido é a falta de informação ou não ter uma informação só que a diferença de um defined pro nul é que um defined é quando você faz alguma cagada e o nu é quando você decide que ali não vai ter uma informação vou te dar um exemplo o nul

é quando você decide que algo vai ser nulo sem valor nenhum exemplo eu tenho um usuário aqui ele tem um nome ele tem uma idade e vamos supor que ele não seja casado seja falso mas entretanto vamos supor que esse modelo sirva para dezenas centenas de usuários ele não é casado mas tem um campo chamado nome do cônjuge cônjuge se ele não é casado eu quero que isso fique vazio porque afinal não tem nome do marido da esposa só que você tá vendo que tá dando erro por qu não tem como eu simplesmente deixar vazio

nesses casos a gente pode colocar nul então nul é nulo vazio não tem nada Ah então pro usuário não tem o cônjuge aqui fica vazio agora pro usuário CR eu posso chegar aqui e colocar o nome do marido nome da esposa perfeito e und defin unef é quando você faz uma cagada exemplo aqui eu tô buscando usuário pon nome beleza mas vamos supor que eu busque usuário ponto abacate existe abacate dentro não existe então imagine o código busque pelo usuário e dentro do usuário Busque o abacate ele vai procurar procurar mas não tem abacate aqui

dentro vamos ver o que que vai acontecer um defined o código tá te retornando a opção ou a informação de indefinido cara eu não encontrei abacate eu acho que você fez uma cagada então o nulo é quando eu escolho que uma informação vai ser vazia e toda vez que você vê um defined é que você tá procurando algo que não existe E para finalizar vamos ver uma estrutura de dados que a gente usa bastante que é o arrei os ar Reis o arrei ele é como que uma matriz olha na época da escola Eu odiava

essa parte de matrizes tudo mais até ruim de lembrar mas os Aris nos ajudam muito o ar serve pra gente agrupar muitas informações mas Rodolfo o objeto não faz isso é mas o ar faz isso de uma forma diferente vamos supor que eu tenha usuário esse aqui é o usuário um E aí agora eu tenho o usuário dois usuário dois é o João aqui ó ficou duplicado João que tem 40 anos que não é casado então tenho aqui usuário dois e aí vamos supor que eu tenha o usuário TR usuário 4 eu tenha 100 usuários

eu posso pegar todos usuários em vez de eu ficar criando uma variável para cada uma eu posso agrupar todos eles juntos quer ver ó eu vou criar aqui o Ari chamar de meu arrei E aí ó em vez de ser objeto chave arrei é o conch e aqui dentro eu posso colar essas informações Olha só eu vou recortar coloquei aqui dentro separei por vírgula vou pegar o outro objeto recortei separei por vírgula e tá aqui vou clicar com o botão direito no mouse direito vou clicar aqui em formatar o documento para dar uma organizadinha Então

olha só meu arrei basicamente eu tenho aqui o conch e aqui dentro eu posso colocar meus dados separados por vírgula então a primeira posição do arrei é um usuário a segunda é outro E aí eu posso ter quantos eu quiser e o mais legal do arrei é que eu posso guardar o que eu quiser aqui no caso eu guardei objetos eu poderia guardar números então eu posso ter uma arrei de números então eu posso ter vários números vou chamar de números separados por vírgula aqui dentro do meu arrei também eu posso guardar usuários mas só

Strings Então vai ter o João A Maria vai ter o Beto e qu e quantos usuários eu quiser bem legal né então posso guardar quantos e quantos eu tiver 1 milhão de usuários eu posso guardar 1 milhão de usuários aqui dentro do meu arrei e para eu acessar as informações do meu arrei é bem simples ó console P log usuários aí ele vai mostrar todo o arrei mas se eu quiser ver apenas um usuário ou um número ou uma posição do meu arrei aqui no arrei a gente chama cada um desses itens sep por vírgulas

de posição só que olha que legal o arrei ele começa a contar do zero então aqui é a posição zero aqui é a posição um e aqui a posição dois o arrei sempre começa do zero e se eu quiser acessar somente uma posição eu coloco o nome do arrei e coloco os conches e a posição que eu quero acessar por exemplo a posição zero aí ele vai me retornar somente o João se eu quiser ver a Maria é a posição um lembrando o arrei sempre começa da posição zero posição um é a Maria se eu

quiser ver o Beto posição dois e se eu colocar uma posição que não existe por exemplo a posição 30 ele vai um theal tu fez cagada não existe então a gente viu algumas estruturas de dados alguns tipos de dados para você que tá começando no JavaScript com isso aqui que você aprendeu já dá para fazer muita mais muita mais muita coisa e durante o nosso curso de JavaScript a gente a vai aprender muita coisa de JavaScript e vai também fazer alguns projetos para aplicar tudo isso aqui então deixa aquele like se você gostou do vídeo

se inscreva no canal para não perder o próximo curso de JavaScript e claro comenta aqui embaixo O que mais você quer ver aqui no canal e comenta o que que você achou dessa aula fechou eu sou Rodolfo Mor e vejo vocês no próximo [Música] vídeo [Música] a