JavaScript do zero (parte 1 - nível de iniciante)

1. O que é JavaScript?: Olá, amigos. Eu sou Kumar und, e você está assistindo a outro de nossos cursos de treinamento Neste curso, um de nossos professores ensinará você. Os professores podem ser diferentes. Escolheremos o melhor professor para os cursos. Então, por favor, compartilhe suas ideias conosco. Não vou tomar mais do seu tempo. Esta é você, e essa é a senhorita Saman Mazdi Obrigado, Mers. Oi, pessoal. Meu nome é Sama Ne Mashi Sheriff Ovadi e eu serei seu Antes de tudo, precisamos saber por que devemos aprender Java Script. Java Script é uma das linguagens de programação para aprender mais populares do mundo. Além disso, o Java Script é a linguagem de programação da web. Se você deseja criar um site ou um modelo da web, precisa conhecer o Java Script e, claro, é fácil de aprender. Além disso, para criar sites e modelos da Web, você pode usar JavaScript para criar aplicativos para telefones celulares, para Windows, criar jogos usando JavaScript e muitos outros aplicativos. Mas um dos usos importantes do JavaScript é para desenvolvimento web. O que é JavaScript? Se você quer ser um desenvolvedor web, como frontand e desenvolvedor, você precisa conhecer pelo menos três linguagens de programação do P que são HTML que formam o esqueleto de uma página da web, CSS, que é a capa da sua página da web ou modelo da web, e Java script, que é o cérebro do seu modelo da Usando o script Java, você pode definir uma reação para cada ação dos usuários. Então, se você quer ser um desenvolvedor pioneiro ou um desenvolvedor completo , você precisa primeiro conhecer o HgMnCSS para criar seu modelo e como ele deve ser exibido para o usuário final Em seguida, use o JavaScript para responder à ação do usuário. Se você não conhece o GMNCSS e quer aprender Java Script, pode ser um pouco difícil entender alguns tópicos em JavaScript Então, se você já conhece HTML e Css, mesmo que um pouco, você também pode aprender Java script junto com eles. Mas se você não sabe, eu insisto primeiro em aprendê-los. O que podemos fazer usando o Jova Script. Na web, você pode alterar o conteúdo, os estilos, os valores dos atributos da CML , mostrar ou ocultar seus elementos e muitas outras coisas que você pode fazer usando JavaScript. Até você pode se conectar ao servidor e receber dados do servidor e mostrar aos usuários ou obter dados do usuário e enviá-los ao servidor. Se você está interessado na linguagem Jovacript e quer aprender a programar usando a linguagem JavaScript, junte-se a mim neste 2. Dia 1: instale o Editor JavaScript: Olá a todos, e bem-vindos de volta. Como falamos sobre o script Jova neste curso, você precisa de um editor para escrever seus programas na linguagem Jovacript Existem muitos editores, mesmo os gratuitos, que você pode usar para escrever programas no script Jova Por exemplo, temos o Notepad plus fors, temos o VSCode e também muitos outros editores Neste curso, usaremos VSCode para escrever nossos programas de script Jova Se você já conhece HTML e CSS, definitivamente conhece o editor VSCode Antes de tudo, precisamos primeiro instalar o código VS em nosso sistema. Vamos ver como instalar o código VS em seu sistema. Primeiro, você precisa baixá-lo. Para fazer o download, pesquise o código VS no navegador ou o código SDO visual, como você vê aqui no resultado Clique neste link e você verá esta página. Dependendo do seu sistema operacional, escolha o correto, pois estou usando o Windows. Eu escolho as janelas. Instale-o. O processo de instalação do VSCode é muito simples. Basta clicar no próximo padrão e você terá seu editor instalado e, no final, poderá ver o ambiente do VSCode para começar a trabalhar no VSCode para programar usando a linguagem de script Joa programar usando Para criar uma pasta para seus projetos FI. Por exemplo, aqui, no MDS, eu crio uma pasta chamada JovaScy E dentro disso, eu crio um nome de pasta basic. E aqui no VSCode, você pode selecionar o menu fi e abrir a pasta Em seguida, selecione a pasta que você criou para seus projetos, clique duas vezes nessa pasta selecionada ou você pode fazer isso facilmente em seu meu computador. Aqui, escreva hélice em sua pasta, código Open D. Se você quiser ter essa opção, ao escrever hélice em uma pasta do seu computador, quando quiser instalar o Vd, lembre-se de marcar essa opção Abra o VSCode. Como você pode ver, eu tenho isso no VSCode E todo o meu arquivo de projetos pode ser colocado dentro dele. Tudo o que você cria na pasta do seu projeto, por exemplo, permite que eu crie um arquivo de texto. Veja, eu tenho esse arquivo de texto aqui também. E se eu clicar neste botão e pré-dividi-lo, posso remover esse arquivo do meu arquivo de projeto, ou até mesmo você pode selecionar um novo arquivo daqui ou uma nova pasta daqui, se quiser organizar seus arquivos em pastas diferentes Também podemos usar esses ícones aqui. A pasta do nosso projeto é redna. O que mais precisamos? Na parte do elevador aqui em extensões? Clique. Você precisa de uma extensão para poder ver todas as alterações feitas em seus arquivos TML instantaneamente no navegador Este é um servidor ativo, como você pode ver aqui. Se você não tiver essas extensões instaladas, no seu código is, você pode facilmente pesquisar aqui como servidor ativo e instalá-lo porque eu já instalei essa extensão no meu viscode Eu tenho o botão desinstalado em vez do botão instalado Assim, podemos clicar facilmente no botão de instalação e instalar essa extensão em seu escopo. Qual é a vantagem dessa extensão se você tiver uma instalação em seu rescópio Por exemplo, se eu clicar aqui e criar um novo arquivo, por exemplo, main at HTM, para arquivo GML e adicionar algum conteúdo ao meu documento HTML, por exemplo, algo assim, você pode escrever, clique aqui e abra com o servidor ativo, ou na barra de status aqui, clique em, vá clique em, Deixe-me pressionar isso. Veja, meu documento SGML agora está aberto no navegador Depois disso, depois de abrir seu documento HTML no navegador, todas as alterações que você fizer aqui, por exemplo, algo assim e salvá-las instantaneamente, as alterações aparecerão no navegador e você não precisará atualizar esse documento no navegador Então, até agora, para começar a programar. Na linguagem de script Jova, precisamos de um editor como o VSCode, de uma extensão como servidor ativo e de um documento inCHML no qual possamos escrever nossos códigos de script Jova dentro dele e testá-lo no dele e testá-lo Junte-se a mim na próxima parte para começar a programar usando o script Jo. 3. Dia 1: primeiro programa em JavaScript: Olá a todos, e bem-vindos de volta. Neste caso, vamos criar nosso primeiro programa de script Jova Como estamos trabalhando com o script ova na Web, eu crio um documento HTML agora com o nome main dot T na pasta do meu projeto. Para adicionar o script Java ao seu documento HTML, você tem maneiras diferentes. Primeiro, você pode escrever seu código JavaScript, escrever na parte principal do seu documento HTML usando o elemento script. Elemento de script. Dentro do elemento de script entre a tag de abertura e fechamento, você escreve seus códigos de script Java. Outra opção aqui é escrever código JavaScript. No final do elemento corporal. Então, aqui eu adiciono o script e pressiono a fita adesiva. E, novamente, dentro disso, posso escrever meu código de script Java. Qual é a diferença entre escrever capas na parte principal do documento HTML ou no final do corpo do documento HTML Colocar scripts na parte inferior do elemento do corpo melhora a velocidade de exibição, especialmente quando você tem muitos scripts que deseja adicionar ao seu documento HTML. Porque se você colocá-los na parte principal do documento HTML, a exibição do conteúdo do documento CML será adiada até que todos os scripts sejam executados no documento adiada até que todos os scripts sejam executados no executados Essa é a causa da exibição lenta em alguns modelos da web. Outro ponto é que você pode ter qualquer número de scripts dentro do seu documento HTML e também pode colocá-los na parte principal do documento HTML ou no elemento do corpo, ou apenas em um deles Outra forma de usar JavaScript dentro seu documento CML é definir os códigos JavaScript em um arquivo separado, como o que temos para arquivos CSS Os arquivos CSS externos. Como, por exemplo, aqui, eu crio uma nova pasta chamada assets, e dentro dos assets, crio uma nova pasta, por exemplo, JS, para o meu JavaScript f. Dentro disso, eu crio um novo arquivo chamado main dot JS. A extensão para arquivos Jovakt é JS, e tudo o que você escreve dentro do JS five deve ser código Java script Em vez de escrever código dentro do elemento script, posso criar um link para meu arquivo de script Java externo. Como usar o elemento script aqui com o atributo SRC? Para o atributo SRC, você deve definir o caminho f ou a URL do seu Javascript five. Pode ser absoluto ou relativo. URS absolutos, começam com HTTP, e o URL relativo não começa com HTTP. E os arquivos devem ser colocados dentro da pasta do seu projeto. Por exemplo, aqui, meu arquivo JS, meu arquivo de script Jova está dentro dos ativos, JS, então eu escrevo dot para voltar à raiz do meu arquivo de projeto e ativos e JS, e depois ao ponto principal JS Esse é o caminho do meu arquivo JavaScript. E assim, eu adiciono esse arquivo JavaScript ao meu documento HTML. Preste atenção aqui. Se você quiser ir para a raiz da pasta do seu projeto, use um ponto para um prier aqui Mas se você quiser subir apenas uma pasta, você pode usar dois pontos aqui. Então, um ponto para a raiz, dois pontos para a pasta superior Até dois pontos, você adiciona aqui, significa que sobe e sobe e sobe até os pais até o pai do pai e sobe Mas, por aqui, eu só preciso ir até a raiz da minha pasta de projetos. OK. Agora vamos adicionar um pouco de código em nosso javascript. Cinco. Aqui eu uso este log de pontos do Csole se você quiser mostrar algo No caso do navegador, você pode usar a função Consul dog no Por exemplo, algo assim. A mensagem que você pode mostrar no console, deve estar entre aspas duplas aqui, e você deve separar os comandos do script Jovi usando semi colunas, assim e você deve separar os comandos do script Jovi usando semi colunas, Deixe-me salvar isso e também meu arquivo de conto e ver no navegador. Como você vê, não há nenhuma alteração no navegador. Então, onde aconselhamos cães, uma mensagem será mostrada. Eu escrevo, clico aqui e inspeciono, depois no desenvolvedor para, você tem isso, eu posso, como você vê, cônsul Se você clicar aqui, poderá ver a mensagem que é do log de pontos do console. Você também pode escrever essa declaração aqui entre o elemento de script na parte da cabeça e na parte do corpo. Deixe-me colar isso. Aqui e mude a mensagem e também aqui e mude a mensagem. E vamos salvar e ver o navegador. E, como você vê, podemos ver o Csle da janela do navegador Para cada navegador, você pode acessar a janela Cosle usando o botão direito e inspecionar seu documento Stame Em seguida, selecione a tinta Cosle. O principal uso do Cosle dot log é para fins de depuração Por exemplo, se você tiver um bug no código do script JOS e quiser descobrir o que está errado com seu código, podemos usar o log de pontos do conselheiro e ver o resultado no Csole da janela do navegador De qualquer forma, esse foi nosso primeiro programa em Jocre. Falaremos mais sobre JosCre, declarações e como escrever um programa usando o JosCrip nas próximas 4. Dia 1: exiba informações em JavaScript: Olá a todos, e bem-vindos de volta. Neste artigo, falaremos sobre como exibir dados em JavaScript. Temos maneiras diferentes de exibir nossas informações usando o código JavaScript. Você pode ver diferentes formas de exibir informações nessa tabela. Em SGML, ponto do documento, janela ou Alerta, feche o log de pontos Falamos sobre Cosle dot log no vídeo anterior. Agora vamos falar sobre as outras formas. Eu tenho meu documento semel aqui que eu criei na versão anterior Primeiro, quero elogiar o elemento script na cabeça e no corpo Eu seleciono isso e pressiono a barra de controle no meu teclado para elogiar Também para isso, dentro do meu ponto de script Java, quero mostrar as informações de uma maneira diferente. Além do Cosle dot L, temos um alerta de pontos na janela A função alert do objeto de janela em JavaScript é usada para exibir dados em uma caixa de alerta. O parâmetro que você passa para a função de alerta aqui deve ser colocado dentro de uma aspa dupla ou também pode ser uma declaração Por exemplo, algo assim e salve e veja no navegador. Quando meu documento final é carregado no navegador, recebo essa mensagem na caixa de alerta. O que você vê aqui é a caixa Allert, e a maneira de exibir essa caixa em um navegador diferente é diferente Isso é, e você vê a caixa Allert, algo assim. A caixa de alerta tem um botão com k. Se você pressionar, essa caixa de mensagem ou caixa de alerta será fechada E você também pode ver minha mensagem de olá de Allert aqui. E se eu pressionar, está fechado. Você pode pular o ponto da janela aqui. A tarefa da janela é um teclado e aponta para o objeto da janela. Cada função ou variável definida no objeto da janela, podemos acessá-las sem usar o teclado da janela. Aqui, posso escrever um alerta em vez de um alerta de ponto na janela e escrever minha mensagem entre parênteses para essa A mensagem deve estar entre aspas duplas e algo assim Não esqueça o ponto e vírgula no final e veja no navegador A primeira mensagem será exibida no navegador. E quando eu clicar em Ok, o segundo será mostrado para mim. Portanto, você pode usar o alerta para mostrar mensagens diferentes em condições diferentes para o usuário. E quando você clica em ok, a mensagem desaparece e o documento será exibido ao usuário novamente. A próxima forma de mostrar uma mensagem. Em Java, o script está usando o ponto do documento. Então, documente o método dot write. Você pode escrever uma ou mais expressões de declaração dentro desse método. Por exemplo, deixe-me escrever algo assim. Antes de correr, quero comentar essas linhas para comentar essas linhas. Eu seleciono todos eles e pressiono control no meu teclado e a tecla de barra ao mesmo tempo Você vê que todos eles são comentados. O comentário nos scripts do Jova não será executado no navegador Então, se você não quiser executar uma declaração no navegador, você pode facilmente comentá-la. Ou se você quiser adicionar uma explicação para alguma parte do seu código de script do Jova, você pode usar comentários Agora vamos ver alguns no navegador. Como você vê, a mensagem está sendo exibida aqui. Tenha cuidado. Esse método só deve ser usado para testes. Se você usar esse método, depois que o documento HTML for carregado, ele sangrará todos os elementos HTML existentes. Deixe-me mostrar isso usando um exemplo, mas explicarei esse exemplo mais tarde. No meu documento SML, depois de H um elemento, adicionarei um botão Algo parecido com isso. E na tag de abertura, eu adiciono o botão de digitação e adiciono o evento de desclique Falarei sobre os eventos em JavaScript mais tarde. Portanto, não se preocupe com isso e por dentro disso. Eu posso escrever um código Javascript. Algo parecido com isso. Olhe com cuidado aqui. Eu tenho aspas duplas sobre isso, para que eu possa escrever meu código sip Java dentro deste evento Mas se eu quiser escrever uma mensagem dentro da escrita documentada, preciso usar aspas duplas Mas se você usar aspas duplas aqui, é um erro. Por quê? Porque eu tento fechar minha citação dupla anterior que está aqui e abrir uma nova É um erro. Nessa situação, posso usar uma aspa simples aqui e uma mensagem Algo parecido com isso. Agora vamos ver o que eu vejo no navegador. Este é o botão que eu tinha aqui, e esta é a mensagem que eu escrevi dentro do meu arquivo Minda JS Se eu clicar aqui, agora você pode ver que todo o HTML existente desapareceu Portanto, se você usar um documento logo após carregar seu documento HTML, ele removerá todas as outras tags HTML. A próxima maneira de mostrar informações usando o script Jo em seu documento HTML é Se você quiser usar HTML interno, precisará de um elemento com o atributo ID. Então, por exemplo, aqui, eu adiciono um elemento P com o teste de ID, por exemplo, e eu não adicionei nenhum conteúdo para esse elemento p aqui, mas em vez disso, dentro do meu arquivo JavaScript, vou escrever um conteúdo para este parágrafo dentro do meu documento HTML. Para fazer isso, preciso acessar meu elemento usando o código JavaScript. O JavaScript tem um método, então você pode acessar os elementos com seus IDs. Eu uso documentos que obtêm elemento por ID. Como você pode ver, também temos outros elementos do git. Aqui, por exemplo, pelo nome da classe, pelo nome e pelo outro. Aqui eu preciso obter o elemento por ID. Dentro disso, devo definir o ID do meu elemento entre aspas duplas Qual era a identificação? Eu o defino como teste. Então eu uso o SGM interno e a propriedade aqui, e o sinal de igual, e escrevo uma mensagem dentro dele usando aspas duplas Agora, digamos que eu veja no navegador. Como você pode ver, este é o teste P com ID. Deixe-me inspecionar isso. Como você pode ver, esse é o elemento P com o teste de ID, porque eu escrevi na minha parte de Javascript que, para testar o elemento est interno desse elemento, o conteúdo desse elemento é alterado com cuidado. Aqui, não há nada dentro desse elemento de parágrafo como o conteúdo. Ou se eu escrever tudo, por exemplo, algo assim, quando o código do script Joa é executado, o conteúdo desse parágrafo é alterado Você pode usar este site para exibir mensagens diferentes em condições diferentes para seus usuários. Não se preocupe sobre como ou quando você pode usar as diferentes formas de exibição no Joscript, você aprenderá através deste curso, todas elas. Obrigado por assistir, junte-se a mim na próxima parte. 5. Dia 2: variáveis JavaScript: parte 1: Olá a todos, e bem-vindos de volta. Em Dido, falaremos sobre variáveis em Jovisk. Se você já conhece uma linguagem de programação, está familiarizado com as variáveis. Usamos muito variáveis em um programa usando qualquer linguagem de programação. Por que usamos variáveis? Porque precisaremos armazenar valores de dados para mais tarde. Na verdade, as variáveis são contêineres para armazenar valores de dados para finalidades diferentes. Por exemplo, você pode ver aqui a variável X, mensagem e o ponto variável aqui. E esses contêineres contêm um valor para cada variável. No script Jova, podemos definir variáveis de maneiras diferentes Automaticamente significa que a variável é declarada quando usada pela primeira vez. Por exemplo, vemos aqui. Também temos palavras-chave para definir variáveis no Joacri. V, lead e const. A sintaxe ou a forma como você pode usar essas palavras-chave para definir ou declarar uma variável são as mesmas, mas elas têm algumas diferenças Quando você os usa para declarar uma variável. Declarar variáveis significa criar variáveis. Usamos lead ou a para criar nossas variáveis. Você pode ver a sintaxe para definir variáveis no Jo slip aqui usando um teclado Se você quiser atribuir um valor a uma variável que você define, você deve usar sinal de igual. Chamamos isso de operador de atribuição de sinais em Jo scrip. Você pode ver o texto syn para atribuir um valor a uma variável aqui Depois de declarar a variável, quando você declara a Para definir uma variável. Você precisa de nomes de variáveis, ou podemos chamá-los de identificador. Os nomes das variáveis devem ser exclusivos e temos algumas regras para definir nomes de variáveis. Quando você define uma variável no script JoA, ela é sensível às letras maiúsculas ou minúsculas Você pode usar dígitos de letras, sublinhado e cifrão nos nomes das variáveis Mas você não pode iniciar um nome de variável usando dígitos e também não pode usar teclados reservados em Jos k para definir um nome de variável Por exemplo, você não pode usar var para definir o nome de uma variável ou let ou ct. Esses teclados não podem ser usados para definir um nome de variável. Esses teclados não podem ser usados como nomes de variáveis. Como eu disse, temos maneiras diferentes de definir suas variáveis declaradas no Jovi, usando variáveis definidas automaticamente que não são recomendadas que não são recomendadas É melhor sempre definir suas variáveis antes de usá-las. Mas se você quiser usar a, let ou constant definir suas variáveis, elas têm algumas diferenças. Mas essa é uma rota que você pode escolher, qual é a melhor para você. Se o valor não precisar ser alterado, use cons para definir suas variáveis. Dissemos variáveis, mas o valor não deve ser alterado. Se o tipo não precisar ser alterado, use o custo. Onde quer que você possa usar cost, você pode usar let para definir suas variáveis. Se você quiser oferecer suporte a todos os seus navegadores, você pode usar para definir suas variáveis. Agora vamos definir variáveis e usá-las. Eu tenho um documento de conquista simples aqui. Ele tem apenas um elemento SML e um elemento P para mostrar resultados, por exemplo, e um script para referenciar meu script Jova que é o Gs principal Dentro. Acima de tudo, GS, não tenho nada por enquanto. Essas não são algumas variáveis dentro do meu script Jova e as mostro no navegador Como eu disse, temos uma maneira diferente definir variáveis no script Joa A primeira é a de variáveis definidas automaticamente. Use definir um nome, por exemplo, X, e é sinal de igual e defina um valor para essa variável. E não esqueça a coluna sem no final da luz. Isso é chamado de variáveis definidas automaticamente. Essas variáveis definidoras podem não ser suportadas em navegadores mais antigos. Se você quiser ter certeza de que seu arquivo Jovkit também será executado nos navegadores mais antigos, você precisa definir as variáveis usando teclados variáveis Deixe-me adicionar um comentário aqui. Se você quiser adicionar um comentário no ova skip code em uma única linha, você pode usar duas barras Mas se você quiser adicionar um comentário que tenha mais de uma única linha. Em vez de duas barras, você pode usar o início para o início e a barra inicial para o final das linhas dos comentários Esses comentários não serão executados no navegador. Você pode comentar a linha do seu código ou adicionar uma explicação a alguma parte do seu código usando comentários. De qualquer forma, essa é minha variável, e eu quero mostrar o valor dessa variável no console desse log. Se você se lembra do vídeo anterior, eu disse, você pode usar uma mensagem na função de log para mostrar no console do navegador. Você também pode mostrar suas variáveis usando a função log. Basta usar o nome da variável aqui. Eu defino minha variável como X e uso isso. Digamos que quando estiver no navegador. Porque eu disse que o valor da variável x deveria ser mostrado no cosle Preciso inspecionar aqui, clicar com o botão direito do mouse e inspecionar e escolher o coso para mostrar o valor da Se você não vê o console aqui, basta clicar nesse plus sine, mortal e escolher o console aqui Como você pode ver, eu tenho 100 aqui, o valor da variável x. Se eu precisar, você pode adicionar mais explicações usando L. Por exemplo, algo assim. E se você quiser mostrar algo parecido, não esqueça a linha positiva aqui e diga, agora você pode ver que o valor da variável x é 100. Junte-se a mim na próxima parte. 6. Dia 2: variáveis JavaScript: parte 2: Olá, pessoal, e voltaremos. No vídeo anterior, começamos a falar sobre variáveis em JavaScript, criamos uma variável chamada X com o valor 100 e mostramos o valor da variável x no código do navegador. Usando Cosle. Agora vamos definir as variáveis usando teclados de variáveis Por exemplo, eu uso o teclado aqui. Então eu deveria definir um nome para minha variável. Não esqueça as regras para nomear variáveis. Por exemplo, aqui eu escolho Y como o nome da minha variável. E semicol. Se quiser atribuir um valor à variável, você pode fazer isso ao declarar a variável Por exemplo, algo assim, eu defino a variável z com o valor 200. Aqui, eu apenas defino a variável. Y. Mas eu não defini um valor para isso. Podemos definir um valor para nossas variáveis posteriormente, quando precisarmos delas. Por exemplo, aqui, posso definir um valor para a variável y usando o operador de atribuição que é sinal de igual Por exemplo, eu defino algo assim, e você também pode mostrar os valores das variáveis usando o log de pontos do console. Deixe-me copiar isso daqui. Cole aqui. Eu mudei o nome porque você está aqui. Se você quiser saber se esse valor pertence a qual variável, adicione uma mensagem usando aspas duplas aqui e um sinal de mais aqui, e também aqui para z, e deixe-me adicionar depois disso para y. Digamos que um C no navegador Primeiro, temos o valor 100 para x, depois o valor indefinido para a variável y, porque aqui acabamos de definir a variável y, mas não atribuímos nenhum valor a essa variável Quando o valor de uma variável não está definido no script Joa, temos indefinido como o Como você vê aqui, defina. Então eu tenho o valor 200 para a variável z. Depois de atribuir um valor para a variável y. Agora, o valor para a variável y é 5,5. De qualquer forma, também podemos definir uma variável usando o teclado principal. Eu uso lead aqui e então defino um nome para minha variável, por exemplo, temos a mesma regra para definir variável usando lead e v. Aqui, posso atribuir um valor para minha variável. Ou posso simplesmente defini-lo e depois atribuir um valor à variável. Deixe-me definir isso. Por exemplo, deixe B a dez, e agora aqui eu atribuo um valor à minha variável A, por exemplo, algo assim, e também copio essas linhas para mostrar os valores das variáveis em contras. F aqui e aqui, podemos ver que o primeiro valor variável A é indefinido Porque eu não atribuí nenhum valor a ela. Pois B é dez porque eu atribuí um valor a ela, e depois de atribuir um valor à variável A, o valor para essa variável é 20 Ok, antes de continuarmos, deixe-me formatar meu documento aqui usando o link certo e escolher formatar documento. É melhor. Eu também quero adicionar comentários para cada parte aqui. Ok. Agora vamos saber mais sobre e liderar. Por exemplo, deixe-me definir outra variável usando o teclado VR, por exemplo, X como teste. Se eu quiser atribuir um valor de texto a uma variável, devo atribuir o valor entre aspas duplas, como você vê aqui Ou eu também posso usar uma cotação única. O valor de uma variável pode ser um número, pode ser uma string e também pode ser de outros tipos. Falaremos sobre os tipos de dados ou os valores que podem ser atribuídos às variáveis posteriormente nesta parte. Mas, por enquanto, você só precisa saber se deseja atribuir um texto como valor a uma variável, você deve definir o valor dentro de aspas duplas ou dentro de uma aspa simples Eu uso ponto e vírgula no final desta linha. Meu ponto aqui é que eu já tenho minha variável x aqui, mas eu novamente defino essa variável aqui. Deixe-me adicionar este slide. Aqui e veja o que aconteceu no navegador quando fiz isso. A variável x no primeiro tem o valor 100. Mas quando eu a defino novamente e excluo os testes de valor, o valor da variável x é alterado. Agora deixe-me fazer isso com o guardião da licença. Por exemplo, aqui, eu tenho 50 anos e quero mostrar isso no navegador. Como você vê, eu tenho uma linha vermelha aqui e aqui. Mas deixe-me ver isso no navegador. Como você vê em um conjunto de tudo no console, eu tenho um erro. Eu tenho um erro de sintaxe. E diz que o identificador B já foi definido em outra linha. Aqui eu deixei B, e aqui eu deixei B. Então, quando você define a variável. Usando a palavra-chave let, você não pode declarar novamente o nome da variável no mesmo bloco Falarei sobre um bloco de códigos mais tarde. Mas diga não, se você definir suas variáveis usando o teclado, poderá redeclará-las em qualquer lugar no seu arquivo Java script ou no código JavaScript. Mas se você definir sua variável usando o teclado LED, não poderá redeclará-la no mesmo bloco Mas você ainda pode alterar o valor dessas variáveis. Onde você quiser em seu código de script Java, e porque eu tenho um erro, eu apenas comento. Essas duas linhas usando a barra de controle no meu teclado. Então, para comentar, basta pressionar Control e cortar ao mesmo tempo E eu comento aqui também. Outra coisa sobre declarar variáveis é que você pode definir várias variáveis ao mesmo tempo e também atribuir um valor para todas elas ao defini-las. Por exemplo, eu uso a palavra-chave R e lead, por exemplo, defino minha primeira variável como x um e defino o valor dez. Para a próxima variável, devo separar a declaração com e posso definir variáveis diferentes. Depois de terminar de definir as variáveis, eu uso sem cor Você pode definir suas variáveis em uma declaração como essa ou também pode usar lead para definir as variáveis em uma declaração. Algo parecido com isso. Além disso, você pode definir e atribuir as variáveis em uma instrução, se elas tiverem o mesmo valor no início. Por exemplo, eu defino o z e atribuo um valor para z um Eu defino outra variável z dois iguais a s e igual a s novamente, por exemplo, z três, e sinal de igual aqui. Agora eu atribuo um valor a isso, por exemplo, zero. Declarar uma variável como essa é aceitável no JSC. Se todas as suas variáveis, quando você quiser declará-las, tiverem o mesmo valor, você poderá definir e atribuir um valor a elas dessa forma Deixe-me copiar isso e ver os valores z aqui. Salve e veja o navegador. Como você pode ver, todas as variáveis z, z um, z dois e Z têm o mesmo valor de zero. Em resumo, podemos definir as variáveis no jo script de maneiras diferentes. Primeiro, como exemplo aqui, basta atribuir um valor a um nome de variável sem usar nenhum teclado ou usar teclado v aqui ou usar teclado principal para definir o nome da variável Uma das diferenças entre e lid para declarar variáveis é que, se você definir uma variável usando o teclado, poderá redeclarar essa variável posteriormente em Mas se você usar a tampa, você não pode fazer isso. Obviamente, se você quiser seu código deslizante Java, ele será suportado no navegador antigo, que você precisará usar para definir suas variáveis E mais um ponto aqui é que, se você definir suas variáveis dessa forma, em seu código Java script, isso significa que você está usando a para definir suas variáveis. Em outras palavras, você não precisa definir as variáveis. Também temos outro tipo de variável no script Jova que é o custo Falarei sobre variáveis constantes na próxima parte. Obrigado por assistir. 7. Dia 2: const em JavaScript: Olá a todos, e bem-vindos de volta. Na versão anterior, falamos sobre variáveis no script ovo e deixamos as variáveis para esta parte. O que é variável con? Variáveis Cs definidas usando o teclado cons em movimento. Mas quando você define uma variável cons, não podemos redeclarar essas variáveis e você precisa atribuir um valor a essas variáveis ao declarar Posteriormente em seu código, você não pode reatribuir um novo valor para definir um novo valor para essas variáveis Parece que esses tipos de variáveis são constantes, mas na verdade não são Esses tipos de variáveis apenas definem uma referência constante a um valor de uma variável. Usamos cons para definir variáveis para diferentes tipos, por exemplo, para definir matrizes, definir objetos, definir funções e definir expressões regulares em Java script Podemos usar variáveis const. Vamos ver como podemos usar contras em nosso código de script Java. Para definir uma variável de custo, usamos custo. Depois disso, devemos definir um nome para nossa variável. Por exemplo, deixe-me defini-lo como Pi, o número P, porque essa é uma unidade variável de custo para atribuir um valor a essa variável. Se eu mostrar essa variável usando um console desse tipo, deixe-me copiar isso daqui e colar aqui, basta renomear a mensagem E o nome da variável, você pode mostrar o valor dos contras no console como um f, a variável P 3,14 Além disso, você pode usar variáveis const dentro da outra parte do seu código Mas, como eu disse, você não pode reatribuir as variáveis const. Por exemplo, não consigo reatribuir minha variável const aqui para outro valor. Digamos que um C. Como você vê, eu tenho um erro aqui. Ou seja, atribuição a uma variável constante ou mesmo você não pode redeclarar as Por exemplo, como você vê, eu tenho um erro aqui. Deixe-me comentar esta linha porque é um erro. Salve e veja isso no navegador. Como você vê, eu tenho um erro novamente aqui. O identificador P já foi declarado. Portanto, não posso redeclarar minhas variáveis de custo. Outro ponto sobre a variável de custo é que, se você quiser usar uma variável de custo, precisará defini-la antes de usá-la. Em resumo, a diferença entre v, d e cons é que podemos redeclarar as variáveis que você define usando v. E também podemos reatribuir o valor a elas onde quisermos Para variáveis led, não podemos redeclará-las, mas ainda podemos reatribuí-las para onde quisermos Mas para variáveis contras, não podemos redeclará-las ou reatribuí-las Teremos mais aplicações de variáveis principais e variáveis contras posteriormente neste curso. Junte-se a mim na próxima parte. 8. Dia 2: tipos de dados: Olá a todos, e bem-vindos de volta. Neste sido, vamos falar sobre tipos de dados no script JavaS Se você se lembra, já falamos sobre a definição de variáveis em JavaScript e agora queremos saber quais tipos de dados podemos armazenar em cada variável. Usando o tipo de dados, podemos definir o que deve ser armazenado em O tipo de dados é um conceito importante na programação. Se você não definir o tipo dos dados ou o tipo da variável, o computador não entenderá como ele deve funcionar em cada variável. Então, quando os scripts Java querem trabalhar em uma variável , eles devem saber o tipo dessa variável. Tenha tipos de dados diferentes no script Java. Podemos ver uma lista desses tipos de dados aqui. Temos uma string, temos um número, como você já sabe, Boden, d grande ou inteiro grande, d grande ou inteiro grande nulo indefinido O tipo de objeto também pode ter um tipo diferente. Por exemplo, o objeto em si, as matrizes, e eu falarei sobre o objeto e tipos de dados mais complicados nas partes futuras Por enquanto, vamos ver os outros tipos de dados aqui. Se você se lembra, falamos sobre como definir variáveis usando os teclados t e const nos vídeos anteriores Agora eu quero definir diferentes tipos de variáveis aqui. Para fazer isso, quero definir outro arquivo de script Java aqui, um arquivo. Eu chamo isso de laços de dados. Agora, quero definir minhas variáveis de tipo de dados aqui. Para definir um número de tipo no script Jo, você só precisa definir uma variável usando válido ou causa e definir um valor numérico para atribuir um valor numérico. Por exemplo, aqui eu quero definir uma variável numérica X como t. Esse é um número valioso. Como eu não menciono nenhum ponto flutuante para esse número, esse é um número inteiro Isso é um número em JavaScript. Também podemos ter um número flutuante. Por exemplo, algo assim. 10,5 é um número flutuante. Ou às vezes podemos chamá-lo de número duplo. Se você quiser definir um tipo de string em Java script, você só precisa defini-lo como algo assim. Por exemplo, deixe-me definir a variável. Primeiro nome como John. Se você quiser atribuir um valor uma string a um nome de variável, você deve colocar o valor dentro uma aspa dupla ou dentro de uma aspa simples em Java script Então, isso é uma string. Deixe-me definir outro, por exemplo. Por último eu, algo assim. Isso também é uma string. Deixe-me corrigir esse primeiro nome também. Eu tenho um erro aqui. Outro tipo de script Java é o Bulen. Usando Bulen, você pode definir variáveis que podem aceitar dois valores, verdadeiro ou falso Sim ou não. Mas quando você quiser escrever código para variáveis de proibição, podemos usar apenas true ou fat. Por exemplo, deixe-me definir a bandeira como verdadeira. Essa é uma variável de banimento. Além disso, você pode ter falhas variável Bleion como valor dois Deixe-me definir outra variável, por exemplo. Deixe-me definir o número dele como falso. Essa é uma variável tão importante quanto a We need bully e variáveis em diferentes situações Por exemplo, se você quiser incluir uma condição em nosso código. Se algo for verdadeiro, se algo for falso, faça um monte de código. Então, precisamos dessas variáveis também. Então, Tila, definimos diferentes tipos de dados variáveis como um número que pode ser, por exemplo, um número inteiro ou número pontos de Loting, uma string como, por exemplo, John, ou algo parecido, ou algo parecido, e Wulian Também temos tipos de dados variáveis mais complicados, por exemplo, objetos que eu discutiria sobre isso na próxima parte. Mas, por enquanto, deixe-me mostrar essas variáveis no console. Aqui, eu adiciono log x de pontos do console, copio esta linha, sento aqui e altero a variável dentro do log de pontos do console. Claro, para essas peças. Primeiro nome aqui. Último nome aqui. E esse é o número. Eu guardo isso. Se eu quiser usar esse arquivo de script, preciso adicionar uma relação ao meu documento HTML. Aqui, clico no meu arquivo DTM principal, pressiono Control C, depois Control V, e altero o nome para o tipo de dados D. E vou fechar isso e vou mudar isso para Tipo de dados e, claro, para E essa relação deve ser do tipo de dados dot JS. Deixe-me salvar e ver isso no navegador usando o Open bit Life Server. Este é meu arquivo de script Java. Se eu quiser ver o que tenho no console, devo clicar com o botão direito do mouse aqui e inspecionar e aqui, este é o Csole E, como você pode ver, tenho meus valores de tipo de dados aqui. Isso é para o servidor vitalício. Como você sabe, estamos usando o Life Server para ver nosso documento sim. Este é o servidor Clef. Se eu atualizar isso, não tenho esse A. Aqui no log de pontos Cs, por enquanto, você pode ver os valores das variáveis Mais uma coisa sobre números no script Java é que os números no script de trabalho são sempre salvos como números de ponto flutuante ou números decimais Então, como eu disse aqui, número duplo, podemos chamá-lo de números decimais e deixe-me adicionar o número de ponto flutuante É mais óbvio. Então, os números nem mesmo nós definimos o ponto flutuante para eles, nem definimos o ponto poluente para Este ponto eu quero dizer aqui. Eles são salvos como pontos palatados ou números decimais Portanto, se você quiser trabalhar com um número como números inteiros sem ponto negativo, converta-os e certifique-se de que eles não sejam considerados Mais um ponto sobre tipos de dados, o script JOA, é que você sempre pode alterar o tipo de uma variável à medida O que isso significa? Considere aqui, eu defino X com o valor dez. A variável X aqui é uma variável numérica. E se eu aqui, definir o valor, por exemplo, 14,34 x. E deixe-me copiar essa linha Usando o controle C aqui e o controle V. Vamos ver se há algum problema para isso ou não. No navegador, eu tenho 14,34 X. Primeiro, isso é dez, depois é E agora deixe-me atribuir o valor da string à variável X. Por exemplo, olá para x. Novamente, controle C nesta linha e o ritmo aqui, salve e C no navegador, C, primeiro x é dez, depois 14,3 e depois No Joac, não há limite para alterar o tipo de uma variável Como resultado, o tipo da variável pode ser alterado durante o tempo de execução. Deixe-me adicionar outro exemplo, por exemplo, para mim primeiro aqui. Isso é uma string. E se eu mudar isso, uma string, deixe-me copiar isso e aqui, deixe-me definir como verdadeiro para essa variável, copiar isso e colar aqui. Agora, no navegador, eu tenho isso versus John. Então, o valor do primeiro nome da variável é verdadeiro. Se você quiser saber qual valor em um cosle log pertence a qual variável Você pode adicionar o nome da sua variável aqui dentro aspas duplas em cada ponto do cosle Por exemplo, aqui X e aspas duplas e, em seguida, mais. O sinal positivo aqui significa que você soma duas sequências de caracteres. Eles não são necessariamente números. Então, usando a skin plus jova, você pode adicionar dois números ou duas sequências. E se um deles for de outro tipo, por exemplo, se você tiver uma string, aqui, isso é uma string. Essa parte é uma corda. Mas a segunda parte dessa declaração positiva é um número. Quando você usa mais entre uma string e um número, isso significa conectar-se a strings. O valor de x será colocado aqui, e o resultado no console é algo assim: x como dez. Também podemos fazer o mesmo com o resto do console. Deixe-me fazer isso. Eu fiz o mesmo com o resto das partes da consulta aqui, e isso é o que eu tenho no irmão. Agora você pode ver o nome da variável ao lado de cada valor. Também fizemos o mesmo com o arquivo de datas principal. Como você pode ver aqui, este é meu arquivo DS principal para o previsto, e esses são os tipos de dados que eu fiz da mesma forma para consultar a parte. Resumindo, se você adicionar qualquer valor a um valor de string ou a uma variável de string, ele será considerado como string para esta. E para alterar o tipo de valor, o tipo de dados, para cada variável durante o tempo de execução, em Java script é chamado de tipo dinâmico. Então, passe o número do professor e, em seguida, é um número de ponto flutuante. Então é uma corda. E aqui, primeiro é uma string, depois é uma variável bogiana Esses eram tipos de dados simples em Java sip. Deixe-me falar sobre tipos de dados mais complicados na próxima parte. Obrigado por assistir. 9. Dia 3: matrizes: parte 1: Olá a todos, e bem-vindos de volta. Na seção anterior, começamos a falar sobre tipos de dados nas telas Jo. Para continuar, vou falar sobre matrizes nesta parte. Se você quiser armazenar mais de um valor. Em uma variável em uma variável, você pode usar o tipo de dados de matriz. Para definir matrizes no Jovy skit, você deve usar colchetes, como Os valores da matriz devem ser separados por vírgulas. Os valores que você deseja definir para a matriz devem ser colocados dentro dos colchetes. Cada item, cada valor em uma matriz é conhecido por seu índice. Os índices em matrizes são baseados em zero. Isso significa que eles começam do zero. O primeiro item na matriz é o item zero. O próximo item é o item um e assim por diante. Vamos ver como podemos definir matrizes em trabalhos. Para definir matrizes no meu arquivo digs de tipo de dados, adiciono uma seção usando o comentário aqui Eu direi aqui como matrizes. Aqui, eu quero definir matriz. A matriz é como as outras variáveis. Quando quiser definir uma matriz, você precisa usar as palavras-chave para definir uma variável. Nós lideramos e agimos. Você pode usar cada uma dessas palavras-chave para definir uma matriz, mas é melhor usar ct. Por exemplo, primeiro, deixe-me usar para definir minha matriz. Eu disse, por exemplo, idades e temos maneiras diferentes de definir a matriz aqui para definir os valores dessa matriz. Se você quiser definir uma matriz aqui, podemos definir os valores dentro do colchete aqui, por exemplo, 12 e algo menos Esta é minha matriz. Eu tenho cinco números na minha matriz de idades. Como você pode ver, cada item é separado por vírgula do outro, as vírgulas Portanto, os valores de uma matriz devem ser separados por. Além disso, você pode mostrar os valores da matriz dentro do registro de pontos do console, como Deixe-me copiar este slide e colá-lo aqui e alterá-lo conforme a idade. Agora vamos ver no navegador. Como você pode ver, esses são os valores da minha matriz. Eu tenho valores diferentes do mesmo tipo na minha matriz. Portanto, se você quiser armazenar dados do mesmo tipo, valores do mesmo tipo. Em uma variável, você pode usar array. E se eu mostrar minha matriz no conselho que, usando C dog, apenas o nome da matriz envelhece. Isso é muito tempo aqui. Deixe-me dizer e ver no navegador. Como você vê, esta é minha matriz. Portanto, se você quiser mostrar sua matriz no contador dessa forma, você não deve se conectar com um sinal de adição e uma string dentro do ponto do console Como eu disse na versão anterior, tudo o que você adiciona a uma string, usando o sinal de adição, seria considerado uma string. Então, aqui, os itens dentro da matriz estão aparecendo assim. Mas para o próximo ponto do console em que eu apenas uso minhas idades de nome de matriz, os itens estão aparecendo assim. Se eu abro isso clicando neste ícone, você vê Cada item é mostrado separadamente, o item zero, o primeiro item, segundo, terceiro e quarto. E também o comprimento da minha matriz será mostrado aqui. E as outras propriedades da matriz serão mostradas aqui. falaremos sobre alguns deles no futuro mas se você quiser ver suas matrizes no log de pontos do console, dessa forma, você não deve adicionar nada aos parâmetros do log de pontos do console, dessa forma Olhe com cuidado aqui. Como você pode ver, o primeiro item dentro da minha matriz é o número zero. O índice zero é o primeiro para o primeiro valor na minha matriz. Como eu disse, os índices em uma matriz são baseados em zero. O primeiro item tem o índice zero. E o segundo item tem índice um, e assim por diante. E o comprimento aqui mostra o número, a contagem dos itens que estão dentro dessa matriz. Aqui estão cinco. Isso significa que tenho cinco valores na minha matriz e os índices são de 0 Portanto, o número do índice de uma matriz será de 02, o comprimento da matriz menos um Aqui está 55 menos um é quatro. Os índices vão de zero a ou você também pode acessar cada item dentro de sua matriz usando índices Como eu disse, cada item tem um índice em uma matriz. Por exemplo, aqui, se eu apenas duplicar essa linha usando a antiga tecla de matriz shift e down Dentro disso, adiciono colchetes e defino o índice do item que eu quero, por exemplo, dois Deixe-me salvar e ver no navegador. Como você pode ver, o índice dois aqui significa que o terceiro valor na minha matriz é 25, então eu tenho 25 aqui. Se eu apenas duplicar essa linha e, em vez de duas, eu disser menos um, L e C, como você vê, eu tenho Não temos o índice de menos um para a matriz mi, então ele é indefinido O valor desse item não está definido. Quando você tem algo assim em seu script Java para uma variável, significa que o valor desse item para o valor dessa variável não está definido. Ou seu código de script Java não consegue reconhecer essa variável. Se eu dissesse, por exemplo, índice seis. Vamos ver o que temos. Novamente, eu tenho indefinido. Por quê? Porque eu só tenho zero a cinco para o número do índice. Não consigo acessar o índice menos um ou não consigo acessar o índice seis Essa foi a primeira a definir uma matriz. Temos outra maneira de definir a matriz como, por exemplo, deixe-me dizer carros, novos. Matriz, dentro dos parênteses, você pode definir os valores para Por exemplo, algo assim. O valor dessa matriz tem o mesmo tipo. Eles são todos cordas, e aqui estão todos os números Deixe-me mostrar essa matriz no Csle para usar os carros cosle e esta é minha matriz no console Como você pode ver, eu tenho três itens aqui e o len é três, e os índices são 0-2 Às vezes, você pode querer definir uma matriz vazia. Você define sua matriz, mas deseja definir os valores para cada item posteriormente em seu código. Podemos usar algo assim. Novo y. Deixe-me fixar o nome para esses dois. Eu tenho uma matriz vazia, uma nova matriz. Eu não defini nenhum valor para minha matriz, mas posteriormente em meu código, posso definir itens para minha matriz vazia. Por exemplo, zero, algo assim. Deixe-me aconselhar que, como F, aqui, e depois de inicializar um valor para o item zero, vamos dizer e Como você vê, eu não tenho nada na minha matriz aqui, mas aqui, eu tenho isso no meu carro. Vamos continuar na próxima parte. 10. Dia 3: matrizes: parte 2: Olá a todos, e bem-vindos de volta. No anterior, começamos a falar sobre matrizes em JavaScript. Agora, vamos definir nossa matriz usando C Isd usando R. Aqui eu quero definir minha matriz usando cons em e ver o que acontece ***** é melhor definir sua matriz. Deixe-me copiar essas linhas porque eu quero todas elas e colar aqui. Aqui, em vez de onde eu digo custo e mudo meu nome também. Algo parecido com isso. Se você se lembra, falamos sobre custo na versão anterior e eu disse que não podemos reatribuir uma variável que definimos usando custo Mas se usarmos let ou v para definir variáveis, podemos reatribuí-las. Reatribuir significa definir um novo valor para eles. Atribua um novo valor para eles. Aqui, eu defino minha matriz vazia dois como uma matriz vazia, na verdade, e quero mostrá-la no console, mas primeiro. Em seguida, quero alterar o primeiro item com o índice zero como 13,5 e mostrar a matriz novamente. Vamos ver no navegador. Como você vê, esta é minha matriz? Esta é minha matriz vazia que eu defini aqui usando o custo. Deixe-me adicionar outro aqui. Por exemplo, advogado, mas algo assim. E agora está melhor. Veja, esta é minha matriz aqui, e este é o primeiro item dentro da matriz, e o comprimento dessa matriz é um. Isso significa que ele tem apenas um item dentro da matriz. E se eu quiser mudar toda a matriz em si. Aqui eu disse dois vazios como algo assim. Isso é extra. Vamos ver o que temos no navegador. Como você vê, atribuição dois, variável constante. A matriz em si é uma variável constante e não podemos reatribuí-la ou redeclará-la Mas podemos reatribuir cada item dentro da matriz que é definida por cons como teclado Aqui, posso usar essa declaração para definir o primeiro item dentro da matriz constante, mas não consigo reatribuir minha matriz dessa forma Se eu simplesmente copiar esta linha novamente e colar aqui e , em vez do item zero, defina o item. Um, save e C. Não tenho erro nessa linha. Se eu clicar aqui, você pode ver, vou mostrar a eles a linha que eu tenho um erro para essa linha. Isso é o que eu tenho, mas não tenho erro nesta linha. Como resultado, você pode definir sua matriz a própria matriz, usando o teclado C em Java script. Se você definir sua matriz usando esse teclado, não poderá reatribuí-la dessa forma Essa linha gerará um erro para você. Deixe-me adicionar um comentário aqui. Mostraremos um erro no navegador. Mas você pode atribuir um valor para cada item da sua matriz. Isso é definido usando o teclado const. Entre desenvolvedores, é melhor definir suas matrizes usando const keyward, A matriz em si é const. Mas o item dentro da matriz não terá desvantagens e veja, você pode atribuir o valor para cada um? Como prática, tente definir uma matriz usando o teclado let e veja o que aconteceu se quiser reatribuí-la, redeclará-la ou alterar o valor de cada item dessa Mais um ponto sobre as matrizes é que é melhor usar matrizes para dados do mesmo tipo Mas você ainda pode ter diferentes tipos de dados dentro de uma matriz. Por exemplo, deixe-me definir minha matriz usando. Cs aqui, por exemplo, algo assim para minha matriz. Se eu quiser acessar os itens dentro dessa matriz, também preciso de índices para essa matriz Por exemplo, deixe-me primeiro mostrar essa matriz no navegador. Cosle algo assim, e como você vê, eu tenho minha matriz aqui assim O primeiro item são linhas, o segundo item são dicas e o terceiro item é 123, e o comprimento dessa matriz é três. Você pode usar matrizes em JavaScript para armazenar dados do mesmo tipo em variáveis Mas você ainda pode usar a matriz para armazenar diferentes tipos de dados em uma variável. O script Joa não tem nenhuma limitação sobre isso, mas outras linguagens de programação podem ter Se você quiser saber o lint da matriz no script Joe, você pode usar a propriedade length Aqui, eu digo, Cale, mas como flores que perdem fiapos E se eu disser e ver o navegador, você vê o número três aqui. Por quê? Porque o conjunto de flores emprestou T. Isso é três, e aqui eu tenho três Se você quiser acessar o último elemento até o último item dentro da matriz, podemos usar a propriedade length ou o índice ay. Mas como, por exemplo, quero mostrar o último elemento dentro da baía das flores. Usando esta declaração, flores, qual item está dentro do colchete, eu deveria definir o índice do item que eu quero usar Mas para o último elemento, devo dizer flores desse comprimento menos um Y menos um, porque os índices na matriz são baseados em zero Eles começam do zero até o comprimento menos um Portanto, para o último item, devo acessar o item n menos um Salve ao ver o navegador. Como você pode ver, eu tenho 123 como o último item aqui, e aqui nesta matriz, o último item é 123, o índice dois. Existem muitos outros tópicos sobre matrizes no JOS grip, mas deixe-me abordá-los durante todo o curso Por enquanto, você só precisa saber como definir a matriz e como acessar cada item dentro da sua matriz. Obrigado por assistir. 11. Dia 3: objetos: parte 1: Olá a todos, e bem-vindos de volta. Neste artigo, falaremos sobre objetos em JavaScript. Objeto é um tipo de dados em Java script que podemos usar para definir coisas do mundo real, como pessoas, animais, carros e muitas outras coisas. Se quisermos definir um objeto dentro do script Java, podemos usar maneiras diferentes de definir nossos objetos. Usando debrass vermelho, usando uma nova palavra-chave ou usando um construtor Para definir propriedades no objeto, usamos nome, valor calmo, PE ou valor chave PE. E propriedades diferentes em um objeto são separadas por vírgula Você não pode ter a mesma propriedade com o mesmo nome em um objeto. Resumindo, usando objetos em Java script, podemos armazenar propriedades diferentes de uma palavra real em uma variável. Por exemplo, para pessoas, você tem nome, endereço, idade e muitas outras propriedades, por exemplo, sexo, educação e muitas outras coisas. E se você quiser usar variáveis para cada uma dessas propriedades, é um trabalho árduo. Mas, em vez disso, podemos usar objetos para armazenar propriedades diferentes para um objeto, para um objeto no Jocret Assim, podemos usar uma variável e, para essa variável, definir propriedades diferentes e armazenar cada valor dessa propriedade. Deixe-me mostrar os objetos para você em ação. Aqui, na minha pasta JS, como você vê, eu crio novos cinco objetos e também copio esse documento M e o renomeio usando F dois objetos, e também aqui E aqui. Defina a referência aos meus objetos de arquivo de script Java aqui também. Meu arquivo de objeto está vazio para isso. Eu quero definir o objeto dentro desse arquivo. Suponha que você tenha um registro para. Crie uma conta f. Você deseja obter nome de usuário, senha, nome, sobrenome e outras informações de seus usuários para se registrar e criar uma nova conta para eles. Por exemplo, deixe-me definir. Em, algo assim, e por exemplo. Primeiro nome, sobrenome como algo assim, H como 20 e gênero como masculino, por exemplo. Portanto, temos informações diferentes para uma pessoa em nosso documento ou em nosso programa. Então, aqui, em vez de definir variáveis diferentes para propriedades diferentes do meu usuário, posso usar objetos em jo scrapes O objeto definido, você pode usar colchetes. Aqui eu uso contras, em vez de a para definir meu objeto. Portanto, é melhor usar contras para definir seu objeto. Você também pode usar chumbo ou para definir o objeto. Mas é melhor e é comum que os desenvolvedores usem contras para essa finalidade. Depois disso, ao definirmos um nome para nossa variável, devemos definir um nome para nossos objetos, por exemplo, usuário e o sinal de atribuição que é igual e colchetes Dentro das chaves, devemos definir as propriedades e os valores de cada Defina-os assim. Por exemplo, e-mail é o nome e a coluna da minha propriedade. Depois da coluna, você deve definir o valor da sua propriedade. Se a propriedade for uma string, defina o valor dentro uma aspa dupla ou aspa simples. Se o valor for bien, use verdadeiro ou falso como valor Se o valor for número, você não precisa de verdadeiro ou falso ou aspas simples ou duplas para definir o valor, basta escrever o número aqui Eu copio essas listas de e-mail aqui e colo aqui. Portanto, tenho um par de nome e valor para o usuário do meu objeto. E depois disso, eu preciso de coma. Se eu quiser adicionar mais propriedades a esse objeto, uso vírgula para separar os nomes e valores das propriedades Então, primeiro nome, John, sobrenome, o valor do sobrenome, 20 anos é um número aqui e sexo. Deixe-me mudar o gênero como mulher masculina verdadeira ou falsa aqui e definir o valor aqui desta forma. E eu adiciono um clemente verdadeiro como masculino e falso copiar este clemente ou esta linha como Depois de definir meu objeto, depois das chaves C aqui, eu deveria usar semicol Este é meu primeiro objeto Usando objetos em Java script, você tem um código melhor organizado para seus programas. Veja aqui a definição diferentes variáveis para uma pessoa, para um usuário, e veja aqui que agrupamos as propriedades relacionadas aos nossos usuários em uma variável. Aqui, se eu quiser mostrar as informações sobre um usuário no log de pontos Cosle, devo usar o Consul Dt Log para cada uma dessas variáveis Mas aqui para o objeto, eu deveria usar apenas o Consul do Log e apenas o nome do meu objeto Salve e veja no navegador, você deve ver esse arquivo no navegador. E isso é o que eu tenho como meu objeto aqui. Como você pode ver, as diferentes propriedades do meu objeto, idade, e-mail, nome , sexo e sobrenome. Você pode ver o nome da propriedade e o valor de cada propriedade, dessa forma, no Csole do navegador Você também pode acessar cada propriedade de um objeto separadamente, como as coisas que temos para cada item dentro das matrizes Aqui, eu disse Csole naquele log, por exemplo, se eu quiser acessar a idade do meu objeto, eu deveria usar dot ou pre E como você vê, eu tenho todas as propriedades do meu objeto aqui, idade, e-mail, primeiro nm, sexo e última coisa. Se eu quiser mostrar a idade desse usuário desse objeto no navegador, eu uso uma propriedade. C e C. Como você vê, eu tenho 20 aqui. E se você observar o valor da idade, você tem 20 para a. Aqui você também pode alterar o valor de cada propriedade separadamente. Agora, por exemplo, se eu mudar o valor do primeiro nome para algo assim. Novamente, mostre ao meu usuário o custo desse registro, você pode ver isso aqui, primeiro você pode ver isso aqui, o primeiro nome é John. Mas depois de mudar o John para o David, eu tenho David como primeiro nome aqui. Mas lembre-se de que, como definimos o usuário, usando o teclado de custo, não podemos reatribuir todo o objeto do usuário usando essa propriedade atribuída Se eu simplesmente copiar essa parte e colar aqui, estou reatribuindo minha variável de custo, na verdade, e aqui vou receber um erro Mas você ainda pode alterar cada propriedade do seu objeto separadamente como temos aqui, ou acessar cada propriedade do seu objeto separadamente. Então eu comento essas linhas porque eu receberia um erro se eu tivesse essas linhas ativas. Deixe-me formatar meu documento aqui assim. Ele terá uma aparência melhor agora. Lembre-se de que você não pode usar a propriedade atribuída aqui. Aqui, você pode usar somente a coluna para atribuir uma propriedade e um valor para um objeto. Vamos continuar na próxima parte. 12. Dia 3: objetos: parte 2: Olá, pessoal, e voltaremos. No entanto, no anterior, começamos um tópico sobre objetos na tela Java Agora vamos continuar com esse tópico. Também podemos criar um objeto vazio e depois de criar seu objeto, definir a propriedade e o valor de cada propriedade que você deseja. Como temos aqui usando o ponto. Você pode definir uma propriedade e definir um valor para ela. Além disso, você pode usar Ponto e propriedade e mostrar o valor dessa propriedade do seu objeto. Por exemplo, eu também posso definir meu objeto dessa forma. O usuário dois, por exemplo, é um objeto. Mas não vou definir nenhuma propriedade para meus dois usuários. Depois disso, eu digo, primeiro nome do usuário de dois pontos, como por exemplo algo assim, e o usuário dois pontos como falso S, meu objeto é um objeto vazio aqui. Eu não defini nenhuma propriedade para esse objeto. Mas depois de definir isso, posso definir as propriedades desse objeto dois, as propriedades que eu preciso para esse objeto. Aqui também mostrarei esse objeto no log do Coole, usuário dois Lembre-se de que o usuário dois é diferente do usuário aqui. Esse é um objeto, e esse é outro objeto aqui. Deixe-me dizer que vejo no navegador. Como você vê. Eu tenho essas duas propriedades para meus dois objetos de usuário. Então você pode criar um objeto vazio como esse, como o que temos para matrizes Podemos definir uma matriz vazia. Em seguida, atribua itens para cada índice que queremos em sua matriz. E aqui para o objeto, temos o mesmo para criar um objeto vazio e, em seguida, definir a propriedade e o valor do objeto. Mas lembre-se de que, se você usar essa forma para definir as propriedades do objeto em seu código de solicitação, o nome da propriedade e o valor do objeto devem ser separados por dois pontos aqui, e cada propriedade e valor devem ser separados por Mas se você usar essa forma para definir seu objeto, para definir um objeto vazio em seu código, você deve usar instruções de atribuição ou algo parecido para definir a propriedade e o valor do seu objeto Use isso após o nome do objeto e defina uma propriedade, depois o lado da atribuição e, em seguida, o valor do tipo que você deseja para a propriedade e, em seguida, as semi Isso é diferente daqui, como você define a propriedade e o valor de cada objeto. Também podemos definir o objeto usando um novo teclado. Como eu defino meu objeto usando const e, por exemplo, como meu objeto, e defino um novo objeto, e algo assim Este é um objeto vazio dois. E se eu quiser definir uma propriedade para esse objeto, devo usar isso. Por exemplo, se eu quiser cores para o meu carro, posso usar algo assim, nome para o meu carro, algo assim. Também posso mostrar meu carro no console que, como We, algo assim, e eu tenho isso no navegador. Este é o objeto do meu carro. Outra forma de atribuir um valor para cada propriedade do seu objeto é assim, usando o nome do objeto aqui, por exemplo, carro. Dentro do colchete, eu uso aspas duplas, por exemplo, cor O nome da propriedade na qual eu quero ficar ou alterar o valor dela. Aqui eu sento, por exemplo, azul. E deixe-me copiar essa linha e mostrar esse objeto do carro novamente no navegador. Como você pode ver, a cor do carro agora é azul. Assim, você pode acessar a propriedade do seu objeto usando o ponto e o nome da propriedade ou usando o nome da propriedade dentro de aspas duplas dentro de colchetes ou colchetes Você também pode ter objetos mais complicados em seu código. Por exemplo, objetos aninhados, um objeto dentro de outro objeto Por exemplo, deixe-me fazer isso para o usuário dois aqui. Eu disse o endereço do usuário dois, algo assim. Digamos, por exemplo, país e o valor do país e da rua, por exemplo, algo assim. Você também pode ter outra propriedade e valor para esse objeto em semiclumn aqui, não se esqueça disso Salve e veja no navegador para o usuário dois. C. Este é meu objeto de dois usuários aqui. O usuário dois é o próprio objeto. Dentro do usuário dois, eu tenho outro objeto, como você pode ver aqui. Esse é o outro objeto para o usuário. Ambos são objetos. Isso é objeto, e isso é objeto. Também podemos ter matrizes dentro do seu objeto. Como eu disse, podemos ter objetos mais complicados dentro de seus objetos. Além disso, você pode ter matrizes de objetos. Por exemplo, uma lista de usuários, uma lista de carros. Se você quiser armazenar uma lista de usuários, uma lista de carros, mostre-os, armazene-os ou salve-os. Você pode usar uma matriz de objetos. Falaremos sobre os objetos mais tarde nesta série, mas vamos ser breves por enquanto e nos juntemos a mim na próxima parte. 13. Dia 4: funções: parte 1: Olá, pessoal, e voltaremos. Neste artigo, falaremos sobre as funções do Jo grip. Funções ou métodos são uma parte ou um bloco de código para realizar uma tarefa específica. Usando a função, você pode escrever códigos para realizar uma tarefa especial e chamar essa função onde e quando quiser em seu código. Portanto, uma função será executada quando algo a chamar, ou podemos dizer que algo a invoca. Por exemplo, suponha que queremos somar dois números. Você pode usar uma função, por exemplo, somar ou adicionar e passar esses dois números para essa função, e eu retorno, obteremos a soma ou adição desses dois números. Por exemplo, suponha que eu queira adicionar o número cinco e o número dez. Eu passo esses dois números para minha função chamada soma. Em troca, receberei 15 como resultado. Quais são os benefícios de usar funções em Java script ou em qualquer outra linguagem de programação? Temos a mesma coisa em quase todas as linguagens de programação. O uso de funções evita a reescrita de códigos. Por exemplo, você tem um trecho de código, um bloco de código que pode ser repetido mais de uma vez em seu programa. Nesse caso, podemos colocar esse bloco de código dentro de uma função e, em vez de reescrever e repetir esse código nos locais em que você deseja usá-lo, basta chamar ou usar essa Se você definir uma função, poderá chamá-la com argumentos diferentes. Eu vou falar sobre os argumentos em breve. Mas só saber que o argumento é algo que você passa para a função. Por exemplo, se eu quiser somar dois números, e esses dois números forem cinco e dez. Os argumentos para minha função são cinco e dez. Funções da reutilização. Você escreve um trecho de código, um bloco de código, um, e você pode usá-lo mais de uma vez. Usando a função, você economiza seu tempo e tem menos erros em seu programa. Porque se você quiser corrigir os erros nesse bloco de código, você só precisa corrigir os erros nessa função, não em todas as partes do seu código que você repita essa parte do código. Vamos ver como podemos definir funções no script Joa. A sintaxe para definir ou criar uma função no script Joa é assim Temos o teclado de funções e, em seguida, o nome da função. Esse nome pode ser o que você quiser. Por exemplo, se a função somar dois números, você pode usar ad como o nome de uma função, você pode usar some para o nome da função. Mas é melhor nomear sua função como a coisa ou o trabalho que eles farão por você. Por exemplo, se a função quiser somar dois números, é melhor usar, por exemplo, soma ou a ou, se funcionarem, subtrair dois números um do outro, você pode usar subtrair como o nome da Ou se você quiser converter algo, converta uma variável ou um objeto em uma string. Podemos usar duas strings como nome da função. Depois desse nome, são parênteses. Dentro dos parênteses, você define parâmetros para a função Uma função pode ter zero ou mais parâmetros. Como você pode ver, os parâmetros não são necessários para cada função. Depende da tarefa que a função fará para U. Portanto, você pode ter um parâmetro. Você pode ter dois parâmetros. Você também pode ter dez parâmetros ou mais, ou pode não ter nenhum parâmetro. Depois disso, você tem colchetes e, dentro dos colchetes, está o código da função O que essa função deve, portanto, ser escrito aqui. Ao definir sua função, você pode chamá-la ou invocá-la onde quiser Por exemplo, aqui você pode ver como a função será chamada, como a função será invocada Quando quiser chamar a função, você deve passar os parâmetros que a função precisa. Como você vê aqui, por exemplo, eu passo o número 12 e o número 20, e outros parâmetros, se minha função tiver, devo passar esses parâmetros para. Os temas que estou passando para minha função aqui são chamados de argumentos. Portanto, os argumentos da função são os valores que serão recebidos pela função quando chamarmos a função. Ou quando o com ou quando a função é invocada. Quando você chama uma função ou invoca uma função, o código que você define dentro um bloco de função será executado, estará errado Por exemplo, algo acontecerá em seu documento CML? Por exemplo, se o usuário clicar em um botão ou nos entrelaçar dentro de um elemento de entrada Você pode chamar uma função. Ou você pode chamar uma função dentro do seu código de script Java, sempre que precisar dessa função. Ou, às vezes, as funções podem ser invocadas sozinhas. Isso significa que, automaticamente, eles serão chamados ou nós os chamaremos de autoinvocados Se você quiser saber mais sobre funções e como definir as funções em ação no Java script, junte-se a mim na próxima parte. 14. Dia 4: funções: parte 2: Olá, pessoal, e voltaremos para continuar nosso tópico sobre funções no script ova Eu crio uma função de cinco nomes em S para meu código Jovacript e funções em HTM, que é a estrutura básica do código ML e em relação ao Dentro disso, quero definir uma função. Como eu disse, para definir uma função em Java script, você deve usar a palavra-chave function. Função. E depois disso, você precisa definir um nome para sua função. O nome da função deve ser o mesmo que sua função fará. Suponha que eu queira somar dois números. Por exemplo, posso chamar essa função de some ou ad. Em seguida, parênteses. Se sua função tiver alguns parâmetros, você poderá definir os parâmetros dentro dos parênteses Você deve definir um nome para cada parâmetro aqui. Mas se sua função não precisar de nenhum parâmetro como entrada, você não precisa definir os parâmetros aqui. Mas, como eu disse, quero somar dois números aqui. Quando eu digo dois números juntos, isso significa que minha função deve ter dois parâmetros. Por exemplo, X e Y. Podemos dizer nomes diferentes para seus parâmetros aqui, por exemplo, primeiro número e segundo número Depois desses parênteses, eu uso colchetes Carly, chaves Carly Dentro das chaves, eu deveria definir o código que essa função deve fazer Deixe-me adicionar um comentário para esta função, somar x e y juntos. Aqui, eu deveria somar esses dois números, esses dois parâmetros juntos. Você pode adicionar esses dois parâmetros e definir o resultado em uma variável diferente ou apenas mostrar o resultado em cos that. Deixe-me definir, por exemplo, um resultado variável. O resultado é igual a x mais y Falaremos sobre as operações em JavaScript Mas só para saber, o sinal de mais aqui somará esses dois parâmetros. Deixe-me mostrar o resultado e o caso conforme resultamos aqui. Além disso, você pode adicionar mais comentários ao resultado do custo, por exemplo, algo assim, soma de x mais y mais a cotação dupla é o resultado Eu esqueço um plus aqui, como você vê, esta é minha função. Depende de você como deseja mostrar o resultado no bloco de consulta. Deixe-me formatar este documento também. Chute, formate o documento ou você pode pressionar Shift out e F no teclado ao mesmo tempo. Esta é minha função até agora. Deixe-me dizer e ver as funções que são mostradas no navegador. Como você vê, não tenho nada, nem no console aqui, nem no meu documento HTML. Por quê? Porque eu ainda não chamei a função. Eu ainda não invoquei essa função. Então, se você quiser que essa função seja executada, você deve chamá-la em algum lugar do seu código javascript. Por exemplo, deixe-me dizer aqui: Então, dez e 15. Agora, veja no navegador. Como você vê, o resultado é 25. Eu acho. É melhor ser assim. Se eu chamar essa função novamente com outra coisa, por exemplo, 23 e outro número como esse, o resultado será esse. Isso é para a primeira chamada da função e isso é para a segunda chamada da função. E se eu escrevesse minha função aqui e não passasse nenhum valor para a função de hoje. Como você sabe, minha função tem dois parâmetros aqui, e eu deveria passar dois valores como entrada como argumento aqui para que essa função possa funcionar. Mas e se eu não passasse nada ou apenas passasse um argumento para essa função. Vamos ver isso chamando a função, como você vê, porque eu não defini nenhum parâmetro para essa função. O primeiro parâmetro é indefinido e o segundo é indefinido E o resultado da adição de dois indefinidos é uma nota. E se eu chamá-lo apenas de um parâmetro, por exemplo, 120. Digamos que eu veja. Como você vê, novamente, eu só tenho um parâmetro e o segundo é indefinido O resultado não seria nada. Se você definir parâmetros para sua função, precisará passar o valor desses parâmetros como o, a menos que o resultado da função não seja o esperado. Então, aqui, o resultado seria não. E aqui também. E outra coisa aqui é que, como você vê, eu não repeti o código que escrevo aqui para esta vida. Acabei de chamar a função que defini aqui e, em vez de escrever duas linhas de código para cada linha, tenho apenas uma linha aqui. E eu posso usar essa função em outros lugares em outras partes do meu código de script Jo como V. Mas se eu quiser mudar essa função, essas duas linhas de código, eu só preciso mudar aqui, não em qualquer lugar do meu código. Mas se eu não usar uma função como essa e repetir essas duas linhas em todos os lugares do meu script de mandíbula Veja se você precisa mudar, você precisa corrigir todas essas linhas também. Então você tem um trabalho árduo a fazer. Como resultado, até agora, você pode reutilizar suas funções várias vezes em seu código de script Java e gerenciar melhor seu código Se precisar de alguma alteração, basta fixar um local em vez de lugares diferentes. A função pode ter um valor a ser retornado. Em vez de exibir o resultado aqui, podemos retornar um valor em suas funções. Mas deixe-me falar sobre isso na próxima parte. 15. Dia 4: retorna valores em funções: Olá, pessoal, e voltaremos Como estamos falando sobre funções no script Jo, eu disse que podemos retornar um resultado de sua função em vez de exibir ou fazer qualquer outra coisa dentro de sua função. Por exemplo, aqui, em vez de exibir o resultado da soma de dois números, quero retornar os resultados desses dois números de volta ao meu código, onde a função é cat, e usar esse valor nessa parte. Então, para retornar um valor ou retornar da sua função. Isso significa que você sai de suas funções e volta para o d em que a função é chamada, você pode usar a instrução return. Aqui, eu recomendo esta linha. Em vez de exibir o resultado no console, eu uso a instrução return e disse result. O resultado é x mais y, ou você pode simplesmente retornar da sua função sem enviar nada de volta para o local em que a função foi cortada, usando apenas a instrução return. Quando a função for chamada, se ela atingir a instrução return, ela excederá a função e voltará para onde foi chamada. Aqui, deixe-me comentar esta linha. Se eu vejo meu documento no navegador, veja, eu não tenho nada no ciclo que Por quê? Porque eu não mostrei o resultado da função, alguns até mesmo no conselho. Mas deixe-me dizer C L e somar, por exemplo, oito e nove. Eu chamo minha função. Então, passe dois valores, oito e nove, porque eu tenho dois parâmetros aqui. E vou mostrar o resultado dessa função dentro do log de pontos do console. Vamos economizar e ver. Agora você tem 17 aqui como resultado. Em vez desse resultado de retorno, deixe-me comentar isso, acabei de retornar. Vamos ver o que vai acontecer nessa linha. Como eu tenho indefinido. Por que é indefinido? Porque essa função não retorna nada como resultado. Portanto, tudo está indefinido no script de trabalho. Como resultado, se você precisar do resultado da tarefa da função, em qualquer lugar do seu código, o resultado deverá ser retornado para essa parte. Preciso do resultado da adição de dois números. Preciso devolver esse resultado. Eu comento esta linha novamente, e eu comento esta linha. E como você vê, eu tenho o resultado aqui. Mas não para essas linhas, porque eu não tenho console para essas peças. Se eu também quero o resultado dessa linha, tenho que definir o resultado para elas em alguma variável ou como aquela, por exemplo, alguém, deixe-me configurá-la como console. Se eu disser e ver isso no navegador, veja, eu tenho 25 para essa chamada de alguma função aqui e 17 para essa li. Os parâmetros que você pode passar para uma função podem ser mais complicados, não apenas um tipo simples, por exemplo, não apenas um número, não apenas uma string. Também pode ser uma matriz, um objeto, duas matrizes, dois objetos e muitas outras coisas que podemos ter em Javas, você pode passar para as funções aqui ou até mesmo para a própria função Por exemplo, deixe-me copiar a definição para usuário daqui no objeto DS fi e colá-la aqui. Em algum lugar no meu código de script ova. Quero escrever uma função para exibir o nome e o sobrenome juntos para esse objeto. Eu defino minha função em algum lugar meu script Java, por exemplo, função. Eu o chamo de nome completo e obterei o primeiro nome como o primeiro parâmetro e o sobrenome como segundo parâmetro. Dentro disso, mostrarei o nome e sobrenome ao mesmo tempo e caso contrário. Então, eu tenho o primeiro nome mais um espaço e depois o sobrenome. E aqui, eu tenho que chamar isso como, por exemplo, nome completo, nome do usuário e sobrenome do usuário. Vamos salvar e sincronizar o navegador. John, D aqui. Mas ao passar dessa forma para essa função, eu quero passar o objeto para essa função. Não quero passar as strings para a função. Eu comento essa função aqui. Vou escrever outra função de função, por exemplo, deixe-me chamá-la apenas como nome completo novamente. Eu disse usuário como parâmetro aqui, e vou mostrar para o Csole, deixe-me copiar essa linha Eu sento aqui e mostrarei o ponto primeiro ao usuário e o ponto ao usuário por último. Aqui, em vez de chamar essa função dessa forma, direi nome completo, usuário. Como você vê, estou passando um objeto para essa função. E agora o resultado é que o S. Também pode retornar esse valor e usá-lo onde quiser, por exemplo, para mostrar uma etiqueta em um texto em seu documento SML Portanto, os parâmetros podem ser mais complicados, isso pode ser mais complicado do que apenas um valor simples. Eles podem ser matrizes, objetos e outros tipos complicados Vamos falar mais sobre funções na próxima parte 16. Dia 4: valor padrão nos parâmetros de função: Olá, pessoal, e bem-vindos de volta para continuar sobre as funções. Em Java script, quero falar sobre valores padrão em funções. Eu crio funções, valores padrão em GM aqui e S f aqui e os relaciono. Este é meu documento SGML. E esse é meu Java Script 5. Eu tenho uma função some que tem dois parâmetros aqui e somamos esses dois números e mostramos o resultado no console. Também posso retornar o resultado usando uma declaração escrita como esta. Mas se você se lembra, posso definir essa função com dois parâmetros, por exemplo, tenon five e ver o resultado no navegador Como você vê, eu tenho esse resultado no Csolee que Mas e se eu não passar nenhum parâmetro para essa função, ou eu apenas passar um valor para essa função, por exemplo, 50 O que vai acontecer. O resultado é não. Eu não tenho nada como resultado. Em alguns casos, se você quiser evitar que o resultado seja algo assim, podemos usar valores padrão para os parâmetros na função. Como você pode definir? Valores padrão para uma função. Aqui, quando você define os parâmetros para a função, podemos usar o sinal de atribuição, por exemplo, aqui eu uso o sinal de igual e defino um valor padrão Defina um valor para esse parâmetro se ele não tiver nenhuma amostra. 04x, e aqui, você também pode ter o valor padrão. Você não tem um valor padrão para todos os parâmetros, mas também pode definir para todos eles e zero, quatro aqui e agora, vamos ver o resultado no navegador. Como você vê. Em vez de nove aqui, eu tenho zero se eu não passar. Qualquer valor para todos os parâmetros em alguma função, ou se eu passar apenas um parâmetro para essa função. O valor padrão para cada parâmetro é zero. Aqui, eu não passei nenhum número, então eu tenho zero para o x e zero para o y, e o resultado é zero. E aqui eu acabei de passar um valor para o parâmetro x. Eu tenho 15 aqui, e eu não tenho nenhum valor para o parâmetro y, então eu tenho zero aqui, e o resultado é 15. Portanto, em qualquer caso, você precisa ter um valor para seus parâmetros e quer ter certeza que o valor desse parâmetro não seja definido pelo usuário. o resultado da sua função for algo válido e não indefinido, você pode usar o valor padrão como parâmetro Isso é tudo para essa parte. Vamos continuar na próxima parte. 17. Dia 4: escopo variável em JavaScript: Olá, pessoal, e voltaremos. Nesta parte. Vamos falar sobre variáveis e funções. Como você sabe, podemos definir variáveis em qualquer lugar em nosso código de script Java. Até mesmo nós podemos definir as variáveis dentro das funções. Por padrão, todos os parâmetros que você definir para sua função serão considerados variáveis de função. Assim, você pode usar essas variáveis dentro do código da função. O escopo dessas variáveis que você define dentro da sua função é apenas a função em si, e você não pode acessar essas variáveis fora da sua função. Por exemplo, eu tenho a variável de resultado aqui e não em nenhum lugar do meu código. Se eu quiser mostrar o resultado, valorize no Cosle. Eu adiciono algo assim aqui e no navegador, eu tenho algo assim. Erro de referência. O resultado não está definido. Não tenho nenhuma variável chamada resultado no meu código. Se eu clicar aqui, ele me levará para a linha que tenho erro nessa linha. Como você vê, aqui está o meu erro. Mas veja, eu tenho o resultado aqui. Por que não consigo acessar essa variável fora da minha função porque o escopo dessa variável está apenas dentro dessa função. Portanto, cada variável que você define dentro da sua função, ou mesmo os parâmetros que você define para sua função, não podem ser acessados fora dessa função. Por exemplo, se eu duplicar essa linha e quiser acessar o parâmetro x que eu defino aqui, eu tenho o mesmo erro aqui X não está definido. Além disso, você não pode acessar antes de sua função. definir a função, você também não pode acessar os nomes dos parâmetros e as variáveis que você define dentro função fora da função, seja antes da função, seja antes da função, seja depois da função. Aqui, se eu salvar isso, como você vê, x não está definido. Se eu definir isso, a linha para a qual eu tenho erro está aqui, a linha número dois no meu código javascript e, como você vê, essa é a linha número dois Eu entro nessas linhas e salvo novamente, como você vê, o erro desapareceu agora. Mais uma coisa. Deixe-me definir a variável x aqui e definir um valor para esse x como 50, e salvar isso e C no navegador, C, o valor para x é aqui 50. Eu também tenho a variável x aqui como parâmetro, e o valor que está passando para essa variável x para esse parâmetro x aqui está aqui é dez e aqui é 50. Vamos ver o resultado. O resultado é o mesmo que já temos. Y, quando você define uma variável fora da função, por exemplo, x aqui. Se você definir novamente essa variável dentro da sua função, seja como um parâmetro ou como uma variável dentro do código da função, você não poderá acessar a variável definida fora dessa função. E por causa disso, o resultado que você deseja ter no navegador pode não ser o que você espera. Outro ponto aqui é que, quando você quiser chamar uma função ou invocar a função, não se esqueça de usar esse parêntese Se você não usa esses parênteses, não está chamando Não retornamos nenhum resultado para. Por exemplo, se eu definir uma variável ou algo assim, chame minha função e a defina como soma, e quero mostrar o resultado dessa chamada, minha função. No navegador. Vamos ver o que vai acontecer. Como você vê, eu tenho a função no Csole, mas o resultado dessa função não é uma função aqui Então, se você realmente precisa do resultado de uma função em seu código de script Java, não se esqueça de usar parênteses e passar os parâmetros para Podemos usar muito a função em nosso código no futuro. É melhor entender o conceito de função e por que usamos e definimos uma função em nosso código. Junte-se a mim na próxima parte. 18. Dia 5: métodos de matriz: parte 1: Olá, pessoal, e voltaremos. Na versão anterior, falamos sobre matrizes e funções em scripts Java Chamamos funções de métodos no Java script 2. Se você estiver familiarizado com outras linguagens de programação, talvez tenha algo parecido com isso nessas linguagens como. Neste artigo, falaremos sobre alguns métodos ou funções que são definidos para matrizes em scripts Java Em Javascript, podemos categorizar esses métodos em quatro categorias: básico, pesquisa, classificação e iterações Aqui, podemos ver uma lista desses métodos em javascripts, mas esses não são todos os métodos para array no Temos muito mais métodos. Neste vídeo, apresentamos alguns mais importantes que você pode usar muito em seus programas. Vamos ver quais são esses métodos. Aqui, eu adiciono outros cinco do Jovacript chamados de métodos RA JS, o JS é a extensão para o script Jova f. E eu apenas copio um dos meus documentos Schimel, por exemplo, este Kids Control C, depois Control V. Certifique-se de que estou renomeando os cinco corretos para PresF dois e eu cinco corretos para PresF E eu também mudei o título aqui, assim como nós para aqui e aqui. E corrija a relação com o arquivo de script Java que eu obtive no Ray Mets. Eu fecho isso. Aqui no meu arquivo de script Java, eu defino um custo de uso. Deixe-me chamá-lo assim, por exemplo, meu array. Você pode definir uma matriz vazia e definir os valores para cada item dentro matriz posteriormente ou definir os valores logo ao definir a matriz. Se você se lembra, nós dissemos isso. Você pode definir diferentes tipos de itens dentro da sua matriz. Por exemplo, números, valores em ouro, valores de sequência de caracteres e outros tipos como, Deixe-me, por exemplo, são assim Como você vê, eu tenho uma combinação de diferentes tipos dentro do meu raio. E vamos mostrar essa matriz no Csle que bloqueia minha matriz. Digamos que, para mostrar isso no navegador, clique com o botão direito do mouse nesse arquivo e escolha Abrir com o servidor Light. Enquanto estou mostrando minha matriz. No Csle, devo clicar com o botão direito do mouse aqui e escolher inspecionar E dentro disso, eu tenho meu anúncio. Não se preocupe com esse erro aqui. Isso ocorre por causa das cinco vagas e porque eu não tenho cinco acon na minha pasta raiz, recebi esse erro aqui Se você não conhece os cinco contra, basta ver o curso relacionado ao ícone cinco no curso CML CSS Deixe-me atualizar esta página. OK. E esta é minha matriz aqui. Como você pode ver, cada item tem valores diferentes de tipos diferentes. Nenhuma que vamos usar os diferentes métodos ou funções diferentes que são predefinidos para matrizes no script ol Se você quiser usar os métodos definidos para matrizes no script Goal, precisará de uma matriz Então, eu defino minha matriz aqui. E para usar essas funções, você deve escrever o nome do seu array. Aqui está minha matriz e pressione a tecla de ponto no teclado ou a tecla de ponto no teclado. E, como você pode ver, ele me traz uma lista de diferentes métodos ou funções para a matriz predefinida no script Jo Deixe-me escolher, por exemplo, mudar. Eu pressiono inter aqui porque isso é uma função, e eu quero chamar a função que está definida para essa matriz, eu deveria usar parênteses Como você vê aqui. Veja a descrição desse método. A descrição diz que esse método remove o primeiro elemento de uma matriz e o retorna. Se sua matriz estiver vazia, indefinido será retornado e a matriz não será modificada Mas se sua matriz não estiver vazia, o primeiro item dentro da matriz será retornado e todos os outros elementos serão deslocados um índice para cima. Isso significa que o item número um será o número zero em sua matriz. Deixe-me adicionar um console que, como aqui para minha matriz, save e C. Como você vê, o primeiro item aqui foi 3.14, não há mais nada na minha matriz aqui, porque esta é uma matriz, podemos ver todas as mudanças aqui como Mas o primeiro item foi 3,40. E quando eu uso shift para matriz, o primeiro item é removido e todos os outros itens são movidos para o índice superior. Como você pode ver, a string hello está agora no índice zero e assim por diante. Se você quiser ver o que realmente resulta da função de mudança aqui, você pode colocá-la dentro do colo do cachorro Aqui, eu uso Csle que bloqueia essa função de mudança. Como você pode ver, como esse método retorna algo, posso usá-lo dentro do cosle do log ou de qualquer outra parte do meu código que eu precise para o primeiro item dentro do meu array E como você pode ver, o primeiro item aqui é 3,40. Se você duplicar essa linha, poderá ver isso. Sempre o primeiro item da matriz será retornado e o comprimento da matriz será menos o quê? Por exemplo, se eu duplicar essa linha usando todas as teclas shift e down k e meu teclado E economize. Você vê isso. O primeiro item foi 3,14. E então a matriz começa a partir desse índice. Esse é o índice zero. Então, o primeiro item é olá aqui. E quando eu mudar novamente, esse é o primeiro item que será retornado, e minha matriz no final será mais ou menos assim. Deixe-me falar por enquanto. Como eu disse, usando o método shift, você pode remover o primeiro elemento, o primeiro item em uma matriz e deslocar os outros itens do topo para o índice inferior. Como você pode ver aqui, o primeiro item aqui está no índice 050, e quando eu uso o método shift aqui, o 50 é retornado, e minha matriz é algo assim O número 100 está no índice zero agora. Vamos continuar na próxima parte. 19. Dia 5: métodos de matriz: parte 2: Ele é todo mundo e nós voltaremos. O outro método para matriz é shift. Em vez de shift, você pode usar unshift se precisar. Usando shift, podemos adicionar um novo item no início de sua matriz no índice zero, e os outros itens dentro sua serão movidos para o próximo. Deixe-me usar minha mudança de matriz e, dentro dos parênteses aqui, você deve definir os itens que deseja adicionar ao seu A. Por exemplo, algo assim, e copiar essa linha e colá-la aqui para ver minha matriz Como você vê, agora meu A é algo assim. Primeiro, o primeiro item da minha matriz é removido usando o método shift. E então eu tenho algo assim. E aqui eu adiciono outro item usando o método unshift, e minha matriz é algo assim Cada unshift que você usa para sua matriz adicionará outro item no início da sua matriz Então, como eu disse, usando unshift, você pode adicionar um elemento em um item no início da sua matriz Aqui eu uso unshift para essa matriz. Esta é minha matriz, e adicione 50 no início da minha matriz e, no resultado, eu os tenho para minha matriz, e unshift é um método básico para matrizes em Java E se você quiser remover um item? Do final da matriz ou adicione um item no final da matriz em vez do início da matriz. Para isso, temos dois métodos. Usando pop, podemos remover o último item dentro da sua matriz. E usando push, você pode adicionar um item no final da sua matriz. Deixe-me usar minha matriz de pontos pop. E, como você vê, a descrição dessa metateoria que remove o último elemento de uma matriz e o retorna. Assim, você pode mostrar ou usar o valor retornado usando pop meta. Se a matriz estiver vazia, não tem nada. Você tem um valor indefinido como resultado. Então, eu posso mostrar esse valor usando console.l2. E para minha matriz também, e vamos ver. Agora, como você vê, o último item aqui é falso. Usando pop, tenho false como valor aqui. E minha ara é mais ou menos assim porque o último item é girado Então, usando POP, você pode acessar ou remover o último item dentro de uma matriz. E aqui você vê que o último item na minha matriz é 15 com índice oito. E quando eu uso POP, eu removo esse elemento e, como resultado, minha matriz tem oito itens. Usando push, você pode adicionar outro item no final da sua matriz. Como você pode ver aqui, novos elementos a serem adicionados à matriz. Ele abre os novos elementos, novos itens até o final da matriz. E, como resultado, ele retém um novo tamanho de matriz Por exemplo, se o comprimento da matriz for três e você usar push para adicionar outro elemento para adicionar outro item à sua matriz, o valor de retorno desse método será quatro. Deixe-me adicionar, por exemplo, quatro e mostrar minha matriz usando o ponto do console. Isso é o que eu tenho depois de inserir um elemento na minha matriz Se eu adicionar um ponto de console aqui, o que temos, não esqueça de fechar os carnes também Eu tenho cinco. O comprimento da matriz aqui é quatro, como você vê aqui, o número quatro aqui Depois de colocar outro elemento na minha matriz, o comprimento dessa matriz é cinco, e aqui está a matriz resolvida. Deixe-me aumentá-lo um pouco para que você possa vê-lo melhor. Se você quiser ampliar aqui, basta usar o campo da boca enquanto o move para cima, ele fica maior. Você pode ampliar. E se você quiser diminuir o zoom, basta mover a boca para Então, como eu disse, usando o método push, que é um método básico para matrizes em Java script, você pode adicionar um item ou um elemento no final da matriz Então, aqui, esta é minha matriz. Eu tenho oito elementos, oito itens dentro da minha matriz e os índices são de 0 E quando eu uso push by 50, tenho o 50 como o último item dentro da minha matriz. E agora minha matriz tem nove elementos, nove itens. Vamos continuar na próxima parte. 20. Dia 5: métodos de matriz: parte 3: Olá a todos, e bem-vindos de volta. Se quiser copiar sua matriz em outra variável, você pode usar um método fatiado. Mas vamos ver como. O método slice retornará uma matriz que é uma cópia da sua matriz Portanto, preciso definir o resultado do método slice em outra variável ou mostrá-lo no console ou onde eu precisar Então, eu defino const minha nova matriz e a defino como minha matriz que é uma fatia Usando o método slice, você pode copiar sua matriz O método slice pode ter um parâmetro. Se você não definir o parâmetro, isso significa copiar do início da matriz atual. E o início da matriz é o índice zero, e você também pode definir o índice do último item para o método de fatia Deixe-me usar o método slice sem nenhum parâmetro aqui, como você pode ver, e mostrar minha nova matriz aqui Em uma configuração, minha matriz. Tenha cuidado. Estou mostrando minha nova matriz aqui não minha matriz. Vamos dizer e ver. Como você pode ver, a nova matriz é igual à minha matriz. Mas deixe-me duplicar essa linha usando s, shifts e down array, e comentar a superior Dentro da fatia eu defino, por exemplo, número dois, e vejo no navegador, como você vê, o método slice aqui, copie do índice dois da minha matriz Zero, um, dois e dois começam daqui até o final da matriz. Aqui, deixe-me duplicar essa linha novamente, entrar nesta linha e, no parâmetro final, por exemplo, T aqui e ver o navegador agora Como você pode ver, eu só tenho um item dentro da nova matriz. Comece do número dois, até o número três menos um E eu me sentei, por exemplo, aqui. Quatro, temos dois itens agora dentro de sua matriz. Comece pelo índice. Dois, até que o índice quatro menos um, dois e três estarão no resultado Se você quiser simplesmente copiar sua matriz exatamente em outra matriz, podemos usar um método de fatia sem nenhum parâmetro Então, usando um método de fatia em matriz, podemos dividir um pedaço de matriz em outra matriz em uma nova Como você vê aqui. Esta é minha matriz, a primeira coisa que tenho para minha matriz. E quando eu uso uma fatia para essa matriz, assim, eu tenho o resultado para uma nova matriz Portanto, a primeira matriz que é minha matriz aqui não mudará. Outro método de matriz é épico. Usando o método esplic, você pode remover qualquer item da sua matriz ou inserir um novo item dentro da sua Não apenas no início da matriz, pois usamos o método unhit ou no final da matriz usando o método push Usando um método de emenda, você pode adicionar ou inserir itens em qualquer lugar dentro da matriz Vamos ver como eu digo minha emenda de pontos de matriz. Como você vê, eu tenho parâmetros diferentes aqui. O primeiro item é o número inicial. Isso significa iniciar o índice, onde está na minha matriz. Por exemplo, se eu disser dois, isso significa começar do índice dois. O segundo parâmetro aqui é excluir contagem. Isso significa quantos itens devem ser removidos. Se eu definir um zero, isso significa que nenhum item deve ser removido. E os últimos parâmetros são a lista dos itens que eu posso adicionar. E o último parâmetro é a lista dos itens que eu quero adicionar à minha matriz. Por exemplo, deixe-me definir como verdadeiros i e i e essa linha aqui também. Mas eu passo aqui e vi o navegador, como você vê, os novos itens que eu defini para minha matriz, eles adicionaram do índice dois, zero, um, dois, isso é verdade, depois alto e o item que estava no índice zero agora está aqui. Lá no índice cinco. Eu inseri três novos itens dentro da minha matriz. E deixe-me copiar essa linha. Comente isso usando a barra de controle. E eu disse, por exemplo, dois aqui. Defina, defina um valor para excluir o parâmetro de contagem e salve. Veja, eu tenho algo assim na minha matriz agora. Do índice dois, remova dois itens e adicione esses três novos itens. Isso é verdade e esse número foi removido. Em vez disso, tenho esses três itens dentro do meu A. E se você simplesmente não menciona os novos itens como esses, isso significa remover os itens que você especifica aqui, de qual índice, o índice dois. Entre primeiro nesta linha, Save e C, como você vê, esses dois itens são removidos; do índice dois, remova dois itens. Portanto, usando um método de emenda, você pode inserir itens na matriz ou remover os itens da matriz ou fazer os dois ao mesmo tempo Aqui, eu não especifico novos itens, então ele apenas remove os itens da minha matriz. Ele começa no Índice dois e remove quatro itens da minha matriz. Se eu quiser especificar a adição de itens para inserir itens dentro da minha matriz, devo adicioná-los após o parâmetro delete count após esses quatro aqui. Se eu especificar zero em um conjunto de quatro aqui, isso significa que não remova nenhum item. Vamos continuar na próxima parte. 21. Dia 5: métodos de matriz: parte 4: Olá, pessoal, e voltaremos. Se você quiser verificar se há algum item dentro do seu ary, você pode usar o índice do método. Por exemplo, deixe-me dizer meu índice de área. Ele retornará o índice de qualquer item que você especificar aqui. Qual item, por exemplo, deixe-me dizer olá. E, como resultado, ele retornaria o índice da primeira ocorrência do elemento do valor que você especifica aqui. Se esse método não conseguir encontrar nenhum item como esse em sua matriz, o resultado será menos um Preciso mostrar o resultado em algum lugar, por exemplo, em um console que registre e veja no navegador. O item hello está no índice S aqui, esta é minha matriz e o hello está aqui. E se eu simplesmente copiar essa linha, e aqui eu dissesse alto, por exemplo, pois não tenho alto na minha matriz. O resultado é menos um. Isso significa que não há nenhum item como esse dentro dessa matriz. Portanto, usando o índice do método em matrizes, que é um tipo de método de pesquisa, você pode encontrar o índice de um item dentro da sua matriz Por exemplo, como você pode ver aqui, o índice do item sete é cinco aqui. Mas o índice do item 750 é menos um porque não existe tal item dentro dessa matriz Um índice acima, encontraremos o índice da primeira ocorrência desse item, se existir. Também temos o último índice acima. Ao contrário do índice, que encontrará a primeira ocorrência de um item dentro de uma matriz. O último índice acima encontrará a última ocorrência de um item dentro de uma matriz. E se não encontrar nenhum item como esse, por exemplo, último índice de 750, ele retornará menos um como índice como resultado Outro método para matrizes é a junção. Usando joint, podemos converter sua matriz em uma string. Temos dois métodos para transformar nossa matriz em strings. Primeiro, o método de duas cadeias de caracteres e o segundo é conjunto. Mas a diferença entre as duas cadeias de caracteres e o método de junção é que, usando joint, você pode definir um caractere ou o separador que deseja unir aos itens dentro da matriz Vamos ver como. Por exemplo, eu digo ponto de console porque o resultado desses dois métodos é string. Eu digo meu ponto de matriz, meu ponto de matriz em string. Ele converte minha matriz em uma string, e esse é o resultado no navegador Os itens são separados por vírgula. Mas deixe-me duplicar essa linha e aqui em vez de usar duas strings, eu uso join O save e C. Veja, eu tenho o mesmo resultado para duas strings. Aqui. Mas deixe-me duplicar esse slide Se eu especificar um caractere, por exemplo, algo assim. Agora, os itens são unidos usando esses caracteres. Usar a metologia de duas strings pode converter sua matriz em uma string converter sua matriz em uma E, por padrão, os itens dentro de sua matriz unidos usando o caractere de vírgula Mas se você usar join para conectar os itens dentro de suas matrizes, você também pode especificar o caractere E se você não especificar o caractere aqui, isso significa personagem. Aqui, eu uno os itens dentro da matriz, usando o caractere e vejo, esse é o resultado. Se você se lembra, eu disse aqui, usando o índice de, podemos encontrar o índice de um item dentro da matriz. Se esse item existir em sua matriz. E se o item não existir na sua matriz, o resultado desse método será menos um Temos outro método que você pode usar para verificar se há um item na matriz ou não. E o resultado para esse método não é o índice da matriz, é apenas verdadeiro ou falso. Se o resultado for verdadeiro, significa que o item existe na matriz. E se o resultado for falso, significa que o item não existe na matriz. O que é esse método? Inclui pontos de console como minha matriz, inclui o quê? Você define o item que deseja pesquisar dentro da sua matriz. Por exemplo, 25 e salve e veja o navegador. O resultado é verdadeiro aqui. Isso é para incluir. Você pode ver que esse é o resultado dessa linha. E se eu duplicar essa linha e, por exemplo, eu disser, procure 250 na minha matriz, você tem fontes aqui porque eu não tenho esse item dentro da minha matriz Usando inclusões, você pode selecionar um item. Então, o uso inclui. Podemos verificar se está usando o método includes. Podemos verificar se um valor existe em uma matriz ou não. Se o valor existir, o resultado será verdadeiro para esse método. E se o valor não existir, o resultado é falso, como você vê aqui. A matriz inclui o item sete, então o resultado é verdadeiro, mas não inclui o valor 750, então o resultado é falso. Vamos continuar na próxima parte. 22. Dia 5: métodos de array: forEach: R: Olá a todos, e voltaremos. Neste artigo, falaremos sobre os outros métodos para matrizes em Java script Um dos métodos mais utilizáveis para matrizes em Java script é para e. Usando f e, você pode chamar uma função one para cada item na Como? Deixe-me definir outra matriz, por exemplo aqui, números constantes. Algo parecido com isso. Eu tenho uma matriz de números. E aqui eu quero escrever cada um dos itens na matriz no console separadamente. Como posso usar o método de quatro polegadas aqui. Então, numera quatro H. Dentro dos quatro H como parâmetro, você precisa de uma função. Então, em java script, parâmetro para função pode ser uma função dois. Então eu preciso definir uma função para esse método. Mas qual é a condição para definir essa função para esse método? Como você pode ver aqui, eu preciso de um valor como parâmetro. Eu preciso de um índice e preciso da matriz. A matriz em si. Aqui, antes ou depois disso, eu defino uma função. E chame isso da maneira certa, por exemplo, eu coloquei o parâmetro como índice de valor e arco. Dentro disso, eu digo, conselho, esse valor. O valor é o valor de cada item em sua matriz. Também aqui, você pode se sentar, por exemplo, na briga. O item no índice, por exemplo, zero é, por exemplo, aqui 12. Se você quiser ter algo assim, podemos escrever seu caso nesse caso, aquele log no aquele O valor do índice aqui é o índice do item, e o valor é o valor do item em si Estou aqui nesta parte. Nesta parte, eu deveria chamar essa função. Mas como essa é uma função como parâmetro, eu apenas escrevo um nome para essa função. E digamos que como no navegador. Como você vê, eu tenho 12 itens no índice zero é 12. E deixe-me comentar isso. Para que você possa ver melhor. Eu tenho algo assim para esses números. E se eu chamar isso para cada função para cópia técnica do exame, cole aqui Em vez de números, chamo minha matriz e tenho algo desses na sola. Então, usando quatro e, você pode fazer um teste para cada item dentro da sua matriz desta forma. Por exemplo, se você quiser adicionar um número a cada item dentro da sua matriz. Deixe-me fazer isso assim. Vamos resultar como valor mais dois e escrever no castelo que registra o resultado. E deixe-me comentar esta linha. Como você vê, eu tenho isso no navegador agora. E para esses dois itens, por serem uma string, se eu adicionar alguma coisa ao valor da string, o resultado será a string dois. Então, aqui, eu adiciono o número dois a cada um dos itens dentro da minha matriz. Mas o que aconteceu com os itens dentro da própria matriz. Então, deixe-me adicionar esse registro. O números, por exemplo, como você pode ver, os itens da primeira matriz de números são a mesma matriz da matriz inicial. Mas apenas nos quatro métodos de cada, cada item é adicionado a dois. Mais um ponto aqui é que, para cada um, você não precisa realmente definir uma função diferente aqui. Você pode escrever uma função entre parênteses aqui. Deixe-me mostrar os números de cada um. Esteja dentro do for each, eu preciso de uma função. Eu deveria usar a função ker para definir minha função aqui. Mas porque estou definindo a função. Dentro disso como parâmetro. Não preciso definir um nome para essa função, como a coisa que temos aqui, por exemplo, aqui, nós temos. Mas aqui, eu não preciso desse nome. Em vez disso, eu deveria definir os parâmetros para essa função. Como você vê, ele está me dizendo, eu preciso do valor, do índice e da própria matriz. O primeiro parâmetro é igual. Portanto, você precisa definir pelo menos um parâmetro aqui. O nome do parâmetro pode ser qualquer coisa. Por exemplo, valor, se quiser, você pode defini-lo como item ou qualquer outra coisa. Por exemplo, deixe-me dizer isso como item aqui e, em seguida, colchetes, porque precisamos definir o código do corpo da função Aqui, por exemplo, deixe-me dizer que um console que, por exemplo, me mostre o item. Aqui e ponto e vírgula aqui e aqui como t. Porque esse é o fim desses parênteses para quatro de parênteses Então, aqui para quatro, você pode definir a função assim ou assim, definir a função separadamente e chamá-la dentro do método de quatro H. Ou defina a função dentro do método for each como parâmetro. Agora vamos ver e ver no navegador. Como você vê, eu tenho meus itens aqui assim. Vamos continuar na próxima parte. 23. Dia 5: métodos de array: mapa: Olá a todos, e bem-vindos de volta. Neste artigo, falaremos sobre outro método para matrizes chamado map Deixe-me definir o mapa primeiro e depois ver a diferença entre o mapa e para cada um. Aqui, eu defino os números que mapeiam. E para mapear como parâmetro, preciso de uma função dois, como a função que temos para cada uma. Podemos definir uma função separadamente. E adicione um nome para sua função, ou você pode definir a função aqui dentro dos parênteses do mapa como argumento Deixe-me definir isso aqui. Você deve definir os parâmetros necessários dentro dessa função. Ele pode ter até três parâmetros. O valor que é o item em si, o índice, que é o índice do item e a própria matriz. Por exemplo, deixe-me chamar o primeiro parâmetro como valor, ou seja, o valor do meu item. E deixe-me mostrar o valor no log, que é salvar e ver no navegador. Como você pode ver, F aqui, dois aqui é o resultado do para cada metro. E daqui até aqui está o resultado do método de mapeamento. Deixe-me adicionar um comentário nos registros também, algo assim. Eu adiciono essas duas linhas aqui para mostrar no resultado da consulta, pois cada uma está aqui e o resultado do método de mapa está aqui. Mas qual é a diferença entre mapa e para cada um? No mapa, podemos retornar o valor. Retorne o que quiser, por exemplo, você executa uma tarefa em cada um dos itens dentro de suas matrizes e deseja obter o resultado Então, aqui, deixe-me retornar, por exemplo, valor multiplicado por dois Digamos C no navegador. Como você vê, eu não tenho nada aqui ainda no console. Mas o resultado do mapa é uma matriz em si. Então, aqui eu posso definir uma nova matriz, por exemplo, um novo número, e definir o valor desse novo número como o mapa para os números. E então deixe-me esquecer a coluna sem aqui, mostre a nova matriz de números no console save e S. Como você pode ver, a nova matriz numérica está aqui Cada item da matriz de números é multiplicado por dois e o resultado está aqui Lembre-se de que a matriz de números em si não é alterada. Deixe-me mostrar os números em dois aqui. E veja, esta é a matriz de números, e esta é a nova matriz de números. A diferença entre map e for each é que, cantando para cada um, você pode fazer um teste para cada um dos itens dentro de sua matriz, mas o método for each não pode retornar nada como resultado. Mas quando você usa map, o resultado do método map é uma matriz, e você pode usar essa matriz em qualquer outro lugar dentro do seu código JavaScript, se precisar. O JavaScript tem mais métodos para matrizes. Eu recomendo que você escreva o nome da sua matriz, por exemplo, números. E após o período, você pode ver uma lista dos métodos que você já tem para matrizes, como você vê aqui Este ícone aqui mostra o método. E esse ícone significa a propriedade. Se falamos sobre a propriedade de comprimento anteriormente. E, por exemplo, usando o comprimento, você pode acessar o comprimento, a contagem dos números dentro da sua matriz. E usando os outros métodos, você pode fazer algo especial para sua matriz. Por exemplo, usando sort, você pode classificar sua matriz. E eu insisto que você clique em cada um desses métodos e veja a documentação, por exemplo, então você quer ver a documentação basta abrir os parênteses aqui e ver o que está dizendo Além disso, no VSC, se você segurar a tecla control no teclado e clicar no nome do método, podemos ver a documentação desses métodos aqui, mas não alteramos o que você vê Por exemplo, se eu pressionar a tecla control e clicar nela, vejo a descrição do método map aqui Além disso, você pode ver os quatro métodos H aqui pois como temos muitos métodos para matrizes de um script, podemos acessar os outros métodos para matrizes durante suas pontuações, mas eu recomendo que você os pratique sozinho e veja o resultado no navegador, se você alterar sua matriz com cada um desses Obrigado por assistir. Junte-se a mim na próxima parte. 24. Dia 6: operadores aritméticos: Olá a todos, e bem-vindos de volta. Neste vídeo, falaremos sobre operadores em Java Script. Usando operadores, você pode fazer operações matemáticas ou de comparação dentro do seu programa dentro do seu código por padrão. São tipos diferentes de operadores em Java script que você pode usá-los para finalidades diferentes. Podemos ver a categoria de operadores aqui neste slide. Temos atribuição aritmética, comparação e um operador de string, e também temos batida lógica com operadores ternários e de tipo Então, vamos falar sobre operadores aritméticos. Usando operadores aritméticos. Você pode realizar operações aritméticas em números. Esses números podem ser literais. Isso significa cinco, dez, 3,5, esses são números literais ou podem ser variáveis Se você definir uma variável do tipo número, poderá usar esses operadores aritméticos nela e fazer cálculos em d. Podemos ver uma lista de operadores para operações aritméticas em saltos do para operações aritméticas Vamos ver como podemos usar esses operadores. Ok, para mostrar o uso de operadores aritméticos, eu crio um nome fino de operadores que S para código de script Joa e operadores HTML para mostrar o resultado do operador que E você deve adicionar uma relação usando o elemento script dentro do código rel. Aqui eu quero usar um operador atmético. A maioria dos operadores no Joa Script precisa de dois operandos O que é ópera? Deixe-me usar o operador de adição. Por exemplo, deixe-me definir uma variável soma igual a cinco mais seis, como você vê, esse é o operador de adição. Você precisa de dois ers para o operador de adição aqui, um antes do operador e outro depois do operador. As impressões aqui são cinco e seis. Em Java ski, quando você usa plus, significa adição. Ele soma dois números. Se você quiser ver o resultado, você pode usar o ponto L do console e mostrar a soma no navegador, penit live server, inspecionar e no Csle, temos 11 como Além disso, precisamos de dois rads. Essas leituras podem ser números ou podem ser variáveis do tipo número Por exemplo, deixe-me definir o primeiro número como cinco e o segundo número como seis e, em seguida, somar esses dois números e mostrar o resultado no bloco cosle do E aqui, os operandos são o primeiro número e o segundo número antes e depois do operador E esse é o resultado no navegador. Para subtrair dois números, você pode usar o operador menos o operador de subtração Aqui, eu digo o primeiro número menos ou subtraia do segundo E mostre o resultado em linguado, e esse é o resultado. Então isso é subtração. Ou você também pode usar números, números literais como esse para esse operador O operador de subtração precisa de dois suprantes. A próxima operação aritmética é multiplicar. Deixe-me defini-lo como M e primeiro número, estrela ou multiplicar o segundo número Isso é multiplicação e mostre o resultado em Carso, e esse é o E precisamos de duas samambaias para multiplicação como o primeiro número e o segundo número Você também pode ter uma operação aritmética mais complicada aqui. Por exemplo, adição, subtração, multiplicação ou divisão em Essas são apenas operações simples. A próxima operação é dividir, net di primeiro número, divisão por segundo número, e isso é dividir e mostrar o resultado no console, salvar e C. Esse é o resultado. E para a divisão, precisamos de duas artes, como você pode ver aqui. E a próxima operação é restante. Usamos o sinal de porcentagem do primeiro número. Esse é o operador de módulo. Mantém o restante da divisão. Pelo segundo número e mostre o resultado Cosle como você vê, o restante da divisão 5/6 Aqui, para a operação restante, para a operação de módulo, precisamos de dois pern Isso é o restante. O próximo operador é o operador de exponenciação. Usando esse operador, podemos elevar o primeiro pern até a potência do segundo superior Deixe-me definir po como uma variável aqui. Em seguida, primeiro número, exponenciação, depois o segundo Isso é exponenciado. E veja o resultado no navegador. Isso é o que acontece em contras. Como você pode ver, o resultado de cinco elevado a seis é esse. Em vez de usar o operador de exponenciação, podemos usar a função power em JavaScript deixe-me definir xp dois como M pontos em potência do primeiro número sobre o segundo número. E veja o resultado e o custo disso. Como você vê, esses dois valores são iguais. Você pode usar esse método, o método power que está dentro do objeto matemático do Jovcript E tenha o mesmo resultado que o operador de exponenciação. Para o operador de exponenciação, você precisa de duas operações O próximo operador no script Jo é incremento e diminuição Como usamos operadores de incremento ou decréscimo, primeiro número dois mais sinais e isso é tudo Ele incrementa o primeiro número em um. É igual a algo assim, igual ao primeiro número O resultado será o mesmo que esse. Se você ver o primeiro número no console, veja, eu tenho seis aqui. Para incrementar o operador, você precisa de apenas uma operação. Também temos um operador de decréscimo. Segundo número, por exemplo aqui, dois sinais de menos, e veja o segundo número no console Eu tenho cinco para o segundo número agora aqui. Isso é o mesmo que o segundo número é igual segundo número menos f. Em vez de usar algo assim, você pode usar isso no seu Então, como você vê, para esse operador decrescente. Quero dizer menos menos, você precisa de apenas uma operação Isso mais e esse menos menos podem ser anteriores aos dois operantes Por exemplo, mais mais o primeiro número. Isso é o mesmo que isso. Eu venho nesses dois, e também tenho menos menos o segundo número Isso é o mesmo que isso. Chamamos isso porque o operador está antes da extremidade superior aqui como prefixo E para este, o operador está após a extremidade superior, nós o chamamos de post fix. E também aqui, isso é pós-correção, e isso é prefixo Por padrão, o resultado para os operadores de postfix e prefix é o mesmo Mas há uma pequena diferença entre usar o operador após o Dobrin e usar o operador antes do Quero dizer operador de postfixo e prefixo para operadores de incremento e decréscimo. Deixe-me mostrar essa diferença com um exemplo. Deixe-me definir outra variável aqui, por exemplo, x como dez e deixe-me definir a variável y aqui como x mais mais aqui. Deixe-me mostrar essas duas variáveis no console assim, x é x, duplicar essa linha e alterar aqui Depois de usar x mais x é 11, mas y é dez. Veja, eu disse, y deveria ser x mais. Mas y é dez. Deixe-me mostrar o resultado aqui para x também, e você verá a diferença. Novamente, x primeiro é dez. Depois de mais mais é 11, mas y é dez? Y y é dez porque antes do operador mais aqui, o valor de x será atribuído ao y. Vamos usar o prefixo Seja z mais y, algo assim, e mostre o resultado para z também. O y aqui é dez, e o valor para z é 11 depois de usar mais quatro y. Então, aqui, primeiro y será adicionado a um, então o resultado disso será atribuído à variável z. Se eu mostrar a variável y aqui também, veja, tanto y quanto z são 11. Portanto, quando você quiser usar esses operadores em seu programa, tenha cuidado com isso. correções, o valor da variável é usado e, em seguida, a operação será aplicada. Mas para prefixos, o incremento ou decréscimo é aplicado primeiro e, em seguida, o valor será usado como resultado Usando a operação aritmética, você pode fazer cálculos matemáticos ou aritméticos em seu código javascript em seu Quando quiser usar esses operadores, tenha cuidado com a pequena diferença entre as correções de postagem e os prefixos Deixe-me contar outro ponto aqui. Suponha que tenhamos essa expressão atlética em nosso programa. Qual é o resultado dessa expressão? Deixe-me mostrar isso no navegador? O resultado é 250 ou 120? Antes de vermos em um navegador, tente adivinhar o que aconteceu. Se você estiver familiarizado com outras linguagens de programação, você pode adivinhar corretamente. Mas deixe-me ver agora, o resultado é 120. Por que não é 250? Qual operação é feita primeiro. No script Java, o operador tem precedência um sobre o outro E isso descreve a ordem na qual as operações são executadas em uma expressão aritmética Deixe-me formatar meu documento aqui. É melhor. Nessa expressão, o primeiro operador que é feito é a multiplicação, depois o sinal de adição e , em seguida, a subtração No total, multiplicação e divisão têm maior precedência do que adição e Mas você pode alterar os precedentes dos operadores no script Java usando parênteses Deixe-me duplicar essa linha e entrar. O superior, e usando parênteses aqui daqui até aqui Agora vamos ver o resultado no navegador. Como você pode ver, o resultado agora é 250. A primeira coisa que estiver dentro dos parênteses será calculada, depois a que estiver fora Então, muitos operadores têm a mesma precedência, como adição e subtração ou multiplicação e divisão, eles são calculados da Então, aqui, o primeiro plus será aplicado, depois a subtração Também aqui. Se você quiser saber mais sobre operadores aritméticos em Java script, basta escrever mais expressões aritméticas como essa, mais complicadas do que isso, mais complicadas do que isso, e ver o resultado no navegador e ver o que acontece quando você usa operadores diferentes de precedentes diferentes ou os mesmos precedentes operadores aritméticos em Java script, basta escrever mais expressões aritméticas como essa, mais complicadas do que isso, e ver o resultado no navegador e ver o que acontece quando você usa operadores diferentes de precedentes diferentes ou os mesmos precedentes . Obrigado por assistir. Junte-se a mim na próxima parte. 25. Dia 6: operadores de repartição: Olá a todos, e voltaremos neste caso. Vamos falar sobre operadores de atribuição em JavaScript. Se você quiser atribuir um valor a uma variável, precisará atribuir operadores. Temos diferentes operadores de atribuição em JavaScript. Podemos ver uma lista de operadores de atribuição para operações aritméticas em Vamos usá-los em ação. Ok. Aqui eu crio um arquivo SGM chamado operador de atribuição S e um operador de atribuição de arquivo de script Joa relacionado dot JS. E eu também adiciono uma referência a esse script. Aqui eu não tenho nada no meu arquivo de script do Jova. Vamos usar operadores de atribuição aritmética . Deixe-me definir o número um como, por exemplo. Dez e o número dois como cinco, por exemplo. Como você pode ver aqui, este é o operador de atribuição. Podemos usar esse operador de atribuição para cada tipo de variável, cada tipo de dados na etapa Ja Aqui, estou atribuindo um número à variável. Esse número, essa variável será um número. Usamos a atribuição igual para atribuir um valor a uma variável. No vídeo anterior, falamos sobre adição, subtração, multiplicação e outras operações aritméticas falamos sobre adição, subtração, multiplicação e outras operações aritméticas em JavaScript. Como você se lembra, se eu quiser adicionar o número um ao número dois e definir o resultado dessa adição para o número dois, eu deveria escrever algo como este número dois, deve ser o número um mais o número dois. E deixe-me mostrar o resultado para número dois no Cosle usando o código luz número dois e salve e veja esse arquivo no navegador Como você vê, eu tenho 15 aqui. E agora deixe-me formatar meu documento. Ok. Quando você tem uma operação, o resultado deve ser atribuído a um dos ers. Podemos usar operadores de atribuição. Aqui estou adicionando o número um ao número dois, e o resultado deve ser atribuído ao número dois. Em vez de usar isso, posso escrever algo como esse número dois mais igual ao número um. Esta declaração e esta declaração são iguais em conjunto. Posso copiar isso daqui e adicionar um comentário aqui e comentar isso, e vamos ver o resultado no navegador novamente. Como você vê, eu ainda estou tendo 15 como resultado. Então, nessa situação em que você tem um operante que deve armazenar, o resultado de uma operação, podemos usar algo assim Temos o mesmo para subtração, multiplicação, divisão, resto Deixe-me mostrar todos eles aqui. Eu apenas dupliquei essa linha usando all if down k, e aqui eu disse menos ou subtração, e aqui multipliquei meu comentário por dois, e deixe-me entrar E agora temos menos cinco aqui. O número dois é cinco, menos o número um é menos E o mesmo para a multiplicação. Também substituo isso e venho aqui. E eu tenho 15 como resultado. E para divisão também, eu duplico essa linha, comento essa divisão do Citi e aqui no comentário também Então você sabe o que quero dizer aqui. Número dois, divisão igual ao número um é o mesmo número dois é igual ao número um divisão pelo número dois, e Eu tenho 0,5. E para o restante, eu uso o sinal pessoal aqui e o lado da pessoa aqui e chego a este C. Eu tenho cinco como o restante Para exponenciação, eu dupliquei novamente aqui, e eu uso duas estrelas aqui como um sinal de exponenciação e duas estrelas aqui para, e com d. Agora eu tenho isso como resultado no navegador. Então, como você pode ver, se você tiver que definir o resultado de uma operação uma de suas renderizações, você pode usar algo assim em operadores de atribuição em seu código de script Java Isso torna seu código mais curto e mais legível. Obrigado por assistir. Junte-se a mim na próxima parte. 26. Dia 6: comparação e operadores lógicos: parte 1: Olá, pessoal, e voltaremos. Neste vídeo, falaremos sobre comparação e operadores lógicos no script Jo. Usando operadores lógicos e de comparação, podemos testar o verdadeiro ou o falso das variáveis. Operadores de comparação são usados em declarações lógicas para verificar a igualdade ou a diferença entre variáveis ou valores. Podemos ver uma lista desses operadores aqui, temos o mesmo que é diferente com o operador de atribuição. Olhe com cuidado. Temos dois sinais de igualdade aqui, e isso significa que é igual E se tivermos três sinais de igualdade, isso significa valor igual e tipo igual. Quando você compara duas variáveis usando esse operador, se elas tiverem o mesmo valor e o mesmo tipo, elas serão consideradas iguais. Não temos valor igual e não igual ou tipo diferente, e outros operadores para comparação como laboratórios lógicos Usamos operadores lógicos para combinar duas ou mais expressões lógicas. Como exemplo, veja aqui, se você considerar x como cinco e y como dez, podemos verificar o valor do resultado dessas expressões lógicas aqui. Vamos usar esses operadores em ação e ver qual é o resultado. Ok, para mostrar como podemos usar comparação e gital, K, os operadores de comparação de nomes de arquivos dot e um operador de comparação de arquivos de script Jova relacionado dot E este é o documento mychel, a estrutura básica de um E aqui está meu arquivo de script do Jova. Para mostrar como podemos usar operadores de comparação, deixe-me definir uma variável, por exemplo. Vamos numerar um como dez, e se você quiser verificar a igualdade da variável ou de dois valores juntos, podemos usar o site igual. Em Jo sk, temos dois sinais de igualdade, um que é dois sinais de igual e outro que é três sítios iguais. Esses dois sinais de igualdade têm uma diferença. Esses dois sinais de igualdade verificam o valor de igualdade entre duas variáveis ou dois valores, e o tipo das variáveis e valores não são importantes. Mas esse sinal, além de verificar o valor, ele verificará o tipo das duas variáveis. Chamamos esses três sinais de igualdade aqui como comparação estrita. De qualquer forma, deixe-me mostrar algo para que número um seja igual ao número dez O resultado é, e veja esse arquivo no navegador com o servidor de vida. Eu tenho verdadeiro como resultado aqui porque o valor para o número um é dez, e estou verificando a igualdade com dez como valor. E deixe-me usar o console que registra aqui agora, pois o número um é igual a dez como uma string Veja o resultado. O resultado ainda é verdadeiro. Quando você compara uma string e um número no script Java, script Java tenta converter o valor da string em um número. Por exemplo, aqui ele pode converter essa string para o número dez. Então, essas duas afirmações são iguais uma à outra. Se a string estiver vazia. Deixe-me duplicar essa linha, essa é uma string vazia Vamos ver se o resultado no navegador é falso. Quando o script Java deseja converter uma string vazia em um número, ele retorna zero ou uma string vazia. Aqui, a sequência dez é igual a dez. É convertido em dez por Javascript. Mas deixe-me duplicar essa linha novamente. Se eu tiver outra coisa dentro da minha corda. O que acontece com esse olá aqui que é uma string? Se você quiser converter essa string em um número. Vamos ver o resultado no navegador. Vamos salvar e ver o resultado no navegador. Como você pode ver, tenho falhas como resultado dessa operação de comparação aqui Y, quando uma string em Jo SC contém letras não numéricas. Ele é convertido em nenhum e, quando você compara qualquer número com esse valor, o resultado é sempre falso. Portanto, se você tiver um número em sua string, ele será convertido em um número igual. Se você tiver uma string vazia, ela será convertida em zero. Se você tiver uma string não numérica, mesmo uma combinação de letras e números juntos, ela será convertida em nenhuma e, em operações de comparação, o resultado será sempre falso Deixe-me copiar esta linha usando o controle C e colar aqui. Em vez de dois sinais iguais, eu uso três sinais iguais e vejo o resultado no navegador. Pelo que vejo, eu falhei agora. Aqui, a string dez não é convertida em dez como número. Usando esse sinal, podemos comparar o valor e o tipo de duas variáveis ou rands ascendentes juntas O número um aqui é um tipo de número. E essa dezena é uma corda. Portanto, você não pode compará-los juntos, e o resultado para comparar esses dois tipos diferentes de variáveis no script Java é fos. O próximo operador não é um operador igual. Eu colo esse console como aqui, e aqui, eu uso esse lado. Isso é verificação de pecado por não igualdade. Se duas variáveis ou dois valores não forem iguais, o resultado será falso e, se forem iguais, o resultado será verdadeiro. Se duas variáveis ou dois valores não forem iguais aqui. O resultado é verdadeiro, ao contrário do sinal de igual. É verdade que o sinal de igual F é aquele em que duas variáveis ou dois valores são iguais. Mas aqui, a verdade é a. Dois valores ou duas bases de valores não são iguais. E se forem iguais, o resultado é falso. Vamos ver isso no navegador. Eu tenho false no vazio do navegador porque dez é igual à string dez aqui E se eu comparar meu número um com outra coisa, por exemplo, cinco aqui e C, eu tenho verdade agora. Além desse sinal de não igual, temos Strick não igual, ou seja, verifique se há valor diferente ou tipo diferente Então, se duas variáveis e valores não tiverem o mesmo valor, o resultado é verdadeiro, não tem o mesmo tipo, o resultado é verdadeiro. Mas se forem iguais, o resultado é falso. Deixe-me copiar esta linha, e aqui eu uso o traço diferente, que é esse sinal, e ele precisa de dois sinais iguais O resultado disso é verdadeiro. O número um é um número, e isso é string. Portanto, o resultado é verdadeiro porque o tipo desses dois parênteses aqui não é o mesmo Se eu ativar esta linha e o situs. Cinco, o resultado ainda é verdadeiro, e se eu duplicar essa linha e definir seu dez, o resultado é p porque dez é igual Vamos continuar na próxima parte. 27. Dia 6: comparação e operadores lógicos: parte 2: Caramba, pessoal, e voltaremos. O próximo operador é maior que. Aqui, eu disse, número um, maior do que, por exemplo, cinco, e veja se o resultado no navegador é verdadeiro. Y? Ser dez é maior que cinco. Se eu disser maior que 20, o resultado é f porque dez não é maior que 20. Eu copio essas duas linhas aqui e me sento aqui. Eu, em vez de maior que, uso menos do que aqui e menos do que aqui. Se o valor número um for menor que cinco, o resultado será verdadeiro. Se o valor número um for menor que 20, o resultado é verdadeiro aqui. Caso contrário, o resultado é falso. Veja o resultado. Dez não é menor que cinco, então o resultado é falso. Dez é menor que 20, então o resultado é verdadeiro. Também temos operadores maiores ou iguais e menores ou iguais aos dois. Por exemplo, deixe-me colar esses dois e o maior que ou igual usando esse lado e menos que igual usando esse lado. Se o valor do número um for maior que cinco ou igual a cinco, o resultado será verdadeiro A menos que o resultado seja cinco. E F aqui, se o valor do número um for menor ou igual a 20, o resultado é verdadeiro, a menos que o resultado seja falso e veja o resultado, ambos são E se eu mudar, por exemplo, 15 aqui, para este, o resultado é falso. E se eu dissesse dez, eu tenho a verdade. Mas se eu remover esse igual daqui e verificar se há mais de dez. O resultado são probabilidades. Então, para isso, o resultado é falso. E se eu adicionar aqui igual a seno, o resultado muda Então, como você pode ver, o resultado dos operadores de comparação é sempre verdadeiro ou falso. Precisamos desses operadores de comparação em declarações de condição nos scripts Jo. São tão simples. Basta lembrar os sinais e saber o que você precisa em seu código. Também temos operadores lógicos em listas de tarefas. Usando operadores lógicos, você pode combinar duas ou mais expressões de comparação. Por exemplo, deixe-me adicionar um comentário no meu registro e dizer operadores lógicos, por exemplo. E aqui eu quero combinar dois operadores de comparação usando operadores lógicos. Eu escrevo esse registro porque quero mostrar o resultado no registro. Eu disse número um maior que dez, e número um, menor que 20. Isso é um operador lógico. Isso significa que o resultado desse operador lógico é verdadeiro quando a expressão esquerda e a expressão direita são verdadeiras. Então, se o número dez for maior que dez e, ao mesmo tempo, for menor que 20, o resultado disso é verdadeiro. Vamos ver lá nas sobrancelhas. Eu tenho falsos. Por quê? Porque uma delas não é verdade. Portanto, para o operador final, se uma das operações não for verdadeira, o resultado será sempre falso. E se você quiser que o resultado seja verdadeiro, ambos os operantes devem ser verdadeiros Se eu duplicar essa linha, e em vez de n, eu digo ou a diferença entre n aqui, e tudo aqui é isso Para todos, pelo menos um dos pais deve ser verdadeiro. O resultado é verdadeiro. Digamos que C. C, eu tenho uma verdade para ou aqui. Para todos, uma das operações deve ser verdadeira, então você tem que ser verdadeira no resultado. E se os dois forem falsos, o resultado é falso. Você pode alterar o valor dos operadores de comparação de true para fonts ou fonts, two , true usando o operador nut. Aqui, por exemplo, digamos que console, aquele Lg para operador de porca, eu uso esse sinal, não e a extremidade superior deve estar dentro da aparentese O número um é igual a dez. O número um é dez, e está comparando com dez usando esse sinal de igual. O resultado dessa expressão que está dentro da aparenteza aqui é verdadeiro Mas quando eu uso noz antes disso, significa transformar isso de verdadeiro em falso. L s e veja. O resultado é falso aqui. Se eu apenas duplicar essa linha e remover o sinal de porca daqui, você pode ver isso O resultado é verdadeiro. Portanto, usando operadores de comparação, você pode comparar dois valores ou duas variáveis juntas e obter verdadeiro ou falso como resultado. E usando operadores lógicos, você pode combinar duas ou mais operações de comparação. Lembre-se de que aqui eu comparo a variável número um com outro valor. Você sempre pode comparar duas variáveis juntas, dois valores juntos. Deixe-me mostrar aqui dois para isso. Seja o número dois, por exemplo, 50. E em contras, esse registro, posso comparar isso com o número um igual ao número Por exemplo, para isso e também para operadores lógicos. O número dois é menos 45. Por exemplo. Eu vejo o resultado para esses dois. Eu tenho para ambos falsos e resultados para comparação. E os operadores lógicos dependem do valor dos operantes. Mas sempre o resultado será verdadeiro ou falso. Obrigado por assistir. Junte-se a mim na próxima parte para usar esses operadores de comparação usando declaração condicional na escrita oral 28. Dia 6: declaração condicional: se... mais: Olá a todos, e bem-vindos de volta. No script Java, se você quiser tomar decisões entre situações diferentes, entre condições diferentes. Em seu programa, você precisa de declarações condicionais. No script Java, temos quatro declarações condicionais que você pode ver a lista delas aqui. A primeira é se quisermos especificar um bloco de código a ser executado, se a condição, por exemplo, se o número for maior que dez, então esse bloco de código deve ser executado. Usando else, você pode definir um bloco de código a ser executado. Se a condição for falsa. Usando else if, você pode especificar uma nova condição se a primeira condição for falsa, para que essa condição seja verificada e, se for verdadeira, o bloco de código será executado e, caso contrário, não será executado. Usando a instrução switch, você pode especificar muitas condições e blocos de código a serem executados. Vamos ver como podemos usar essas declarações. Por isso, aqui eu crio um arquivo I S M e relaciono com Il JS e tenho um arquivo Fl JS relacionado como. Deixe-me definir uma variável, por exemplo, Lumber um como dez Se você quiser verificar uma condição no script JVI, você pode usar a instrução if Nós digitamos I e dentro dos aparentses aqui, você deve verificar sua condição A condição aqui é, na verdade uma expressão de comparação sobre a qual falamos no vídeo anterior. Por exemplo, se eu quiser verificar número um maior que dez, ou digamos que seja maior que 20, e realizar uma ação, um bloco de código, se o valor dessa variável for maior que 20. O código, o bloco do seu código, deve ser colocado dentro de caixas encaracoladas. Aqui eu disse, por exemplo, console, que o número um é maior que 20. Se o valor do número um for maior que 20, tenho essa mensagem no console. Caso contrário, eu não tenho nada. O s e o C, como eu vejo, eu não tenho nada no amor de C como y porque essa condição é falsa. O resultado dessa condição aqui é falso. Se eu copiar essa declaração aqui e colar aqui e inserir a maior que 20 Deixe-me formatar meu documento em todos os turnos e, se teclas, ao mesmo tempo, tenho essa mensagem no Csle no Portanto, esse código não pode estar errado. Porque o número um não é maior que 20. Portanto, a condição aqui é falsa. Então, quando o resultado dessa condição aqui é falso, esse bloco de código não pode estar errado. Mas aqui, como o resultado dessa condição é verdadeiro, essa afirmação pode estar errada. Se você quiser definir um bloco de código para ser executado, se o resultado da condição for falso, deixe-me copiar isso daqui. Eu preciso de algo assim por aqui. Nessa condição, número um maior que 20, esse bloco de código não pode ser rock. Mas se eu quiser executar um bloco de código, se a condição for falsa, posso usar uma declaração. Depois, se você especificar o outro. E usando colchetes. E dentro disso, devo especificar o bloco de código que quero executar quando a condição for falsa. Eu copio isso e, por exemplo, a mensagem, algo assim, e vejo o resultado em No navegador. Eu tenho isso no navegador agora. Como você pode ver, a parte s dessa instrução I L é executada. Deixe-me comentar por aqui. Algo assim para aqui e para aqui. A condição é verdadeira nisso Você também pode verificar mais de uma condição usando a instrução I L. Por exemplo, digamos que se o número um for maior que 20, esse conjunto de código deve ser Se o número um for menor que dez, esse bloco de código deve ser R. Podemos adicionar a declaração if L tanto quanto a unidade, por exemplo, deixe-me copiar esse segundo e encará-lo aqui Por exemplo, menos dez. E deixe-me também formatar o documento aqui. Como você vê, está melhor agora. Então, se essa condição for verdadeira, esse pg está certo Mas se essa condição não for verdadeira, ele verificará outra condição aqui. E se essa condição for verdadeira aqui, esse bloco de código será gravado. E se não for verdade, ele verifica se há outra condição. Podemos adicionar quantas expressões LTF você precisar. E no final, você pode ter a expressão S e não pode tê-la. É opcional e depende do programa que você está escrevendo. Deixe-me acrescentar o consentimento para cada parte. Eu adiciono um custo como esse para cada peça e vejo o resultado no navegador. Nenhuma condição é verdadeira porque nenhuma dessas condições é verdadeira. E eu mudo, por exemplo, uma condição assim, menor ou igual a. Eu tenho esse número um menor que dez. Também posso modificar a mensagem aqui. Em declarações condicionais, você pode ter mais de uma condição para comparar e executar uma saída de bloco com base nos resultados dessas condições Podemos fazer isso usando operadores lógicos, conforme falamos sobre eles no vídeo anterior. Por exemplo, aqui, eu disse, se o número um, é maior que um, e o número um é menor que 20. Mostre-me algo parecido com isso no console e diga e veja o resultado no navegador. Como você vê, eu tenho essa mensagem aqui porque o número um é dez, e esse valor é 1-20 Também posso usar outros operadores aqui. Por exemplo, deixe-me copiar essa linha e colar aqui e também formatar o documento para ver se está melhor. Em vez disso, eu quero usar não assim. Se o número um for maior que um e o número um for menor que 20, o resultado disso será verdadeiro. Mas como não estou faltando aqui, o resultado final dessa expressão é falso, e esse código não está errado. Em uma parte para mostrar outra mensagem, algo assim. Como você vê, eu tenho isso no navegador. Porque eu nego a condição aqui. Eu altero o valor dessa condição de verdadeiro para falso, usando o operador not. Você pode ter uma combinação de diferentes declarações condicionais usando o operador lógico em suas expressões de Ils Além disso, temos um operador terminário ou condicional no Java script dois Por exemplo, deixe-me definir o número dois e definir o valor para o número dois dessa forma usando uma expressão condicional Por exemplo, se o número um for maior que dez, o valor do número dois deve ser cinco a menos que o valor do número dois seja menos um Olhe com cuidado aqui. Eu tenho uma condição. Eu tenho uma declaração de comparação aqui. E usando o ponto de interrogação aqui, posso definir o valor para o número dois se essa condição, essa declaração de comparação, for verdadeira. E usando o sinal de dois pontos aqui, posso definir o valor para esse número dois, se essa declaração de comparação for E vamos mostrar o resultado do segundo conselho, esta declaração E veja o que temos para o número dois, save e C. O número dois é menos um Y? Porque o valor do número um não é maior que dez. Então, porque essa condição é falsa. Essa parte desse operador ternário será executada e considerada como o valor do número dez Você também pode usar expressões ternárias como essas duas, se quiser mostrar, por exemplo, uma mensagem com base no valor para uma comparação de dez, por exemplo, console como E deixe-me copiar esses dois e colocá-los aqui e não mais do que dez. E a partir deste documento para ver uma melhor aparência desse operador ternário, recomendo que você o use assim Você pode ler melhor essa declaração. Se o número um for maior que dez, essa mensagem será exibida a menos que essa mensagem seja exibida. Lembre-se de que você não deve usar coluna sem após essa declaração aqui, porque essa declaração continuou até aqui, e depois disso, você deve definir o semicln e salvar, tenho essa mensagem no navegador Se eu mudar, por exemplo, isso para maior e igual, eu tenho essa mensagem. Não. Também pode ter um operador ternário embaçado em java script Por exemplo, deixe-me copiar isso e colar aqui, e aqui depois desta coluna, você pode ter outro operador ternário para, por exemplo, número um igual a dez, então eu tenho que adicionar uma mensagem para Então eu adicionei uma mensagem. Para esta parte da expressão de comparação aqui, se o valor for verdadeiro, essa mensagem será exibida e, se não for, essa mensagem será exibida no navegador. E vamos economizar e ver. Como você vê, eu tenho isso no navegador. Podemos adicionar o máximo de operadores ternários no script de trabalho que você precisar Mas não esqueça. O ponto e vírgula deve estar na última parte dos operadores ternários Outro ponto para o operador ternário é que você pode usar uma combinação de declaração de comparação usando operadores lógicos aqui em qualquer coisa que digamos para IL, você pode ter para isso aqui, mas você não pode ter um bloco de código Os operadores ternários geralmente usam para definir um valor para uma variável usando uma condição como essa que temos Obrigado por assistir, até a próxima. 29. Dia 6: declaração condicional: interruptor: parte 1: Olá a todos, e bem-vindos de volta. Na versão anterior, você começa a falar sobre a declaração de condição em Java Script. Falamos sobre L C e também sobre operador de condição ternária. Neste caso, vamos falar sobre a declaração sábia. Ao misturar a declaração Sage, você pode especificar várias condições. Do código a ser executado. Vamos ver como podemos usar o switch. Ok, para mostrar o uso do switch, eu crio o switch de código de arquivo e relacionei a um switch de arquivo de script Js. E eu também adiciono a referência ao arquivo SC aqui e, por enquanto, não tenho nada no meu script Java f. Aqui, suponha que eu queira mostrar o nome dos meses atuais. Então, eu preciso obter a data no script Java. Para obter a data no script Java, para obter a data atual no script Java, temos um objeto chamado data. Então, deixe-me definir a data atual como objeto de data para definir a data atual, como objeto de data, eu uso nova palavra-chave e o nome da data do objeto. Eu não menciono nada dentro desses parênteses. Eu só quero acessar a data atual. Eu escrevo assim. Quero acessar a matemática atual ou definir outra variável chamada mat como data atual. Para obter o número matemático atual a partir da data, temos um método no objeto de data no script Java chamado get Mt. E eu chamo esse portão M. Deixe-me mostrar o mês e a data atual em Lg usando Csle, essa data atual, e aqui vamos salvar e ver Isso é o que eu tenho no navegador para data e a matemática atual. Quero mostrar o nome do mês em vez do número do mês. Tenha cuidado para que aqui o número do mês para o método get month no objeto de data no script seja o início de 0 a 11 Por exemplo, se eu quiser mostrar o nome do mês, em poucas palavras, posso usar duas semanas Usando a condição da declaração, é claro, posso usar if el ou posso usar switch. Então, eu posso escrever se o mês for igual a zero. Isso significa o primeiro mês. Então me mostre o console, o nome do mês e de janeiro. Se mês for igual a um. O nome do mês seria fevereiro. E vou adicionar outro LI para outros meses também. Ok, eu adiciono a outra declaração do LSI para comparar meses e mostro o nome correto do mês Como você pode ver aqui, eu tenho muitos LCI aqui que estão comparando meses com um número E com base na comparação, ele quer mostrar o nome do mês. No final, tenho apenas um para Se o número do mês estiver correto, mostre algo assim. Vamos dizer e ver o navegador. Como você vê, eu tenho o nome do mês agora aqui. Quando você quiser realizar ações diferentes com base em condições diferentes. No script Jo, em vez da instrução if e S, você pode usar a instrução switch. Mas lembre-se de que a condição, o que você está comparando na expressão aqui deve ser o mesmo para todas as instruções if e LCF Por aqui, estou comparando o mês com um número. Em vez de usar as instruções if e SF aqui, posso usar essa declaração Então, aqui, vou escrever Sch para escrever a declaração Sch. Dentro desses parênteses, preciso de uma expressão. Eu preciso, por exemplo, aqui, M ou pode ser qualquer outra expressão para Mas lembre-se, quando você usa switch, o valor da expressão aqui será avaliado antes de chegar aos blocos de switch. Então eu preciso de colchetes encaracolados. Dentro das chaves curvas, você deve definir os diferentes casos em que deseja executar a ação para cada um De acordo com o que temos para mariposa com E e LC, casos diferentes para aqui são o caso Então, para definir cada caso, preciso do teclado do estojo e do valor do caso. E depois disso, eu deveria definir o bloco de código que eu quero que seja executado se esse caso corresponder Então, aqui, por exemplo, eu mostro No January. Lembre-se, eu uso aspas simples aqui para mostrar a string? No script Joa, podemos usar aspas duplas ou aspas simples para mostrar um E se você quiser sair da declaração judicial. Depois que esse caso for verdadeiro, você precisará do teclado de tijolos. O teclado de tijolos sai do bloco de interruptores. Então, quando esse código é executado e alcança essa instrução break aqui, ele sai da instrução sucia e vem aqui logo após o bloco switch Seja o que for. De qualquer forma. Para definir os outros casos, você também precisa do teclado do estojo. Por exemplo, aqui está o caso. Um show em fevereiro e o b and brick. Eu também adiciono para os outros casos. Ok, eu adicionei os outros casos para cada um aqui. Como você vê, casos 345-67-8910 e 11. E para cada uma delas, aconselho ações diferentes porque quero mostrar um nome de boca diferente aqui e uma declaração de interrupção Para switch, também temos um estojo padrão. Usando maiúsculas e minúsculas padrão, se nenhum dos outros casos for verdadeiro, a parte padrão será executada. Então, aqui eu posso adicionar uma parte padrão como essa com um conselho que não é padrão Podemos adicionar tijolos para esta peça aqui ou não. Mas eu recomendo usar tijolos aqui também. E isso é tudo para a declaração da Sage. Vamos adicionar um Csle que gosto aqui também. Assim. Também por aqui, como este save e C. Se eu usar if else, tenho junho como resultado. Se eu usar o Sage, tenho junho como resultado Sim, mas olhe com cuidado aqui, usando a declaração II. Você tem muito trabalho a fazer, mas usando interruptores. Mas quando você usa a declaração de suicídio, para essas situações, seu código ficará mais legível e simples Então, quando você quiser usar. Declaração Siti, você precisa de uma expressão com o valor. O valor pode ser número, pode ser string, pode ser verdadeiro ou falso. Pode ser qualquer tipo de dado. E dentro da instrução switch, você deve definir casos diferentes nos quais deseja realizar ações para cada um dos dados. E para cada caso, você deve definir uma cédula de código que deseja que seja executada se esse caso for verdadeiro E se você quiser essa afirmação, pare depois que um caso for verdadeiro. Você deve usar a instrução break ou break keyboard depois desse caso. E se você quiser definir uma situação padrão, um bloco de código padrão que deve estar errado se nenhum caso corresponder, podemos usar a parte padrão na instrução switch. Vamos continuar na próxima parte. 30. Dia 6: declaração condicional: interruptor: parte 2: M, pessoal, e voltaremos. O que acontecerá se eu remover a declaração incorreta aqui? Deixe-me apenas comentar isso. Porque o nome do mês é John Fn. Eu elogio a declaração inovadora aqui e também elogio a declaração inovadora aqui também. Vamos ver o resultado. Como você vê, eu tenho junho, julho e agosto aqui. O que aconteceu? Como o número do mês é cinco, esse bloco de código será executado. E como eu não tenho nenhuma declaração decisiva aqui, ela vai para o próximo bloco de código em Sg dois E esse código de bloqueio executará dois. E como eu não tenho nenhuma declaração de disjunção aqui novamente, o próximo bloco de código executará duas Mas como eu tenho uma declaração aqui, ela sai do interruptor e essa parte não vai funcionar. Talvez não tenhamos a mesma situação outras linguagens de programação. Agora, suponha que eu queira mostrar o nome da temporada usando o número do mês no script Java. Aqui, novamente, eu tenho uma maneira diferente de mostrar isso, mas eu quero usar a declaração S. Eu e novamente, meses para se expressar aqui. E dentro disso, tenho casos diferentes porque o número do mês é 0-11 Portanto, devo especificar os casos para esses números de meses. E porque para cada temporada, temos três meses. Devo especificar três casos para cada temporada. Por exemplo, deixe-me mostrar o inverno como caso 11, ou seja, dezembro. Eu mostro o inverno de Cs. Eu quebro uma declaração aqui porque não quero conceder o outro bloco de código para o caso zero; novamente, tenho inverno e, novamente, pausa, e para um caso que é fevereiro, tenho inverno novamente. E deixe-me formatar esse documento em antigo, Shift e, ao mesmo tempo, no meu teclado, e deixe-me adicionar uma pausa aqui Como você pode ver, eu tenho o mesmo bloco de código para casos diferentes em Sach aqui Em vez de definir a opção dessa forma, posso agrupar os casos. Então, em vez de escrever esses casos assim, posso escrevê-los como esse caso zero, caso o quê? E eu comento esses dois casos aqui. Eu não preciso mais deles. Também adicionarei outras capas para as outras temporadas. Ok, eu adiciono o número do mês para outras temporadas também. E mais uma coisa é que não temos o mesmo caso em uma dessas declarações. Por exemplo, não defina o caso dois para aqui e o caso dois para aqui, por exemplo. Vamos ver o resultado no navegador. E como você vê, temos na temporada de verão. Mais um ponto sobre essa afirmação é que, nesses casos aqui, a expressão usará comparação estrita e cada caso é, na verdade, igual a essa expressão como resultado Montagem é igual a zero. Eu uso strict equal two para comparar essa expressão com valores diferentes e mostrar o resultado ou fazer o bloco de código definido para cada caso. Portanto, se o tipo dessa expressão for diferente do tipo que definimos aqui para cada caso, esses casos não serão aplicados, não serão correspondidos A boca aqui é um número, então os casos aqui também devem ser um número. Mas se definirmos esses casos aqui como string, o caso não corresponderá. Por exemplo, deixe-me definir esses cinco dentro da string, assim, e ver o resultado no navegador. Como você vê, eu não tenho nada aqui. E se eu definir o padrão para essa idade, assim, e adicionar uma declaração break também, e para o documento. E agora eu tenho isso no console do navegador porque nenhum caso está mapeado para essa expressão aqui Mas se eu remover a citação da string daqui e novamente, tenho o verão no navegador Resumindo, alterne para definir diferentes condições e códigos a serem executados. Switch, selecionaremos um bloco de código para executar com base na expressão que definimos para a instrução switch. Se você quiser executar um bloco de código, quando não houver correspondência, quando não houver correspondência, você pode usar maiúsculas e minúsculas padrão em sua instrução switch. Ela pode estar no final do switch ou em qualquer lugar da instrução switch. Se você quiser sair do sage depois que um bloco do código estiver errado, use o teclado break para sair da instrução switch Obviamente, você pode agrupar o mesmo bloco de código para casos diferentes. E trocar casos é uma comparação estrita, como eu disse valor deve ser do mesmo tipo para corresponder. Os valores devem ser do mesmo tipo. Para a expressão correspondente. Se vários casos corresponderem ao caso, o primeiro será executado. Se nenhum caso correspondente for encontrado, o caso padrão será executado. Se usarmos como padrão o código de instrução switch após o switch, se existirmos, executaremos. Usamos muitas declarações condicionais em nossos programas, então pratique-as para aprender Não. Obrigado por assistir e junte-se a mim na próxima parte. 31. Dia 7: para alça, parte 1: Olá a todos, e bem-vindos de volta. Neste artigo, falaremos sobre loops em Jos grip. Se você quiser executar o mesmo código, repetidamente com um valor diferente. Para cada vez, você pode usar loops no Jo Script. Usando loops, podemos executar um código de bloqueio várias vezes. Por outro lado, você pode usar loops para executar o mesmo código mais de uma vez com valores diferentes Muitas vezes, podemos usar loops para matrizes. Quando queremos trabalhar com matrizes, podemos usar loops No script Java, temos diferentes tipos de loops, e cada um deles tem propriedades especiais e uma sintaxe especial, e podemos usá-los em diferentes situações Temos quatro, quatro polegadas, quatro, largura e dois d. E você pode ver uma breve descrição de cada um deles aqui. Usando quatro loops, podemos criar um loop com três expressões opcionais. Podemos ver a sintaxe de quatro loops aqui. Ele tem três expressões, todas opcionais e um código bloqueado que deve ser executado quando chegarmos a esse loop. A expressão one é executada uma vez antes da execução do código. Portanto, essa expressão é executada apenas uma vez. A expressão dois é a condição para executar o código. A expressão trip é executada toda vez após a execução do código . Ao executar o código até o final do outono, ou seja, antes dessas calibragens fechadas aqui, essa expressão pode ser executada Normalmente, usamos a expressão um para definir o valor inicial do nosso loop, a expressão dois, para verificar o valor do parâmetro inicial que definimos para o loop aqui e ver se o bloco do código pode ser executado ou não. E a árvore de expressão é o incremento ou diminuição da variável inicial que é a variável de loop Portanto, ele pode funcionar até que a condição seja atendida. Vamos ver como podemos usar o script Jo. Ok, eu crio um nome de arquivo para ThatM aqui e um arquivo de script Jova relacionado para o JS, e adiciono referência ao meu arquivo JavaScript aqui, e este é meu arquivo JavaScript. Suponha que queremos mostrar os números de 1 a 10. Temos maneiras diferentes de fazer isso, por exemplo, você pode escrever um console que, número um, depois número dois, depois número três, até o número dez. E se eu disser para você, mostre os números de 1 a 1 mil a 1 Como você quer fazer isso. A outra forma é usar loops. Por exemplo, aqui, quatro voltas. Quatro dentro dos quatro parênteses aqui, como vimos, precisamos de três expressões, mas todas elas são opcionais Então, podemos omitir todos eles. Mas deixe-me primeiro definir todos eles e depois definir cada um e ver o que acontecerá e como podemos resolver o problema. A primeira expressão é a variável inicial. A variável que controlará os quatro loops. Por exemplo, deixe-me definir. Eu, isso é um começo do zero. Para a variável inicial, além de definir a variável, você também deve definir o valor inicial. Assim. A expressão to é usada para avaliar a condição da variável inicial. Posso continuar ou devo repetir o loop de quatro. Por exemplo, se eu quiser mostrar os números de 1 a 10, a condição pode ser menor que dez ou igual a dez E a última expressão é a de incrementar o valor da variável inicial Então, aqui, eu deveria incrementar a variável que eu defino para o meu loop i plus plus Já sabemos sobre o sinal positivo mais seno que é igual a deixe-me adicionar um comentário aqui É igual a mais y. E então você precisa de um bloco de código que deve ser executado para o seu loop Deixe-me formatar este documento. Agora está melhor. Agora, se eu quiser mostrar todos esses números no console, posso escrever, console que me mostre a variável. I. Agora vamos ver no navegador. Como você vê, eu tenho o número um, 210 aqui nas sobrancelhas Agora vamos mudar a definição desse problema. Vamos mostrar números ímpares usando quatro. Temos maneiras diferentes de fazer isso. Então, deixe-me copiar isso, olhar daqui e colar aqui. Uma forma é essa inserção de incremento. Um eu incremento. A tabela inicial por dois. Aqui eu posso escrever. Deixe-me deletar tudo isso. Aqui eu posso escrever. Eu adiciono e atribuo ao número dois. Esse é um operador de atribuição de adição que já conhecemos Deixe-me entrar no loop superior e sair do meu documento. E veja o resultado no navegador agora, como você vê, eu tenho todos os números ímpares no console do navegador Em vez disso, se eu começar I em vez de um a partir de dois, Save e C. Eu tenho nos números pares um, dois, dez. Portanto, o incremento da variável inicial não deve ser exatamente um Podemos pular mais de um dentro do seu circuito. Mas deixe-me adicionar outra para fazer aqui e não definir nenhuma expressão. Se você quiser omitir qualquer expressão em quatro do, você deve especificar pelo menos o ponto e vírgula Você não pode omitir o ponto e vírgula aqui. Dentro disso, eu quero escrever esse blog para console. Isso é algo parecido com isso. Veja o navegador agora, e como você vê, eu tenho isso no navegador. Esse loop é um loop infinito. Isso nunca vai acabar. Então, temos que definir uma condição para sair desse loop. A menos que, como você vê, o contador que está executando esse loop esteja aqui. Se você quiser omitir a condição aqui, você precisa sair do loop dentro do seu loop em algum lugar Por exemplo, você tem um subcódigo aqui, e depois de tudo isso, devemos sair do loop Para sair do loop, você pode usar a instrução break. Agora, digamos que I C. Como você vê, esta mensagem está sendo exibida apenas uma vez. Mas não usamos loops como esse, então precisamos verificar uma condição para sair do loop Não quero definir a variável inicial e o incremento da sua variável Dentro da expressão quatro, você precisa definir a variável inicial antes do loop for e aumentar ou diminuir essa variável dentro do bloco do seu foop no final ou em qualquer lugar que você precise dela Verifique a condição final da condição de saída dentro do seu loop pois se você não especificar nenhuma dessas expressões aqui, você precisa defini-las antes ou dentro das quatro. Então, por exemplo, deixe-me definir o j aqui a partir de zero, por exemplo. E aqui eu quero mostrar a variável j. E depois de mostrar essa variável, eu quero incrementar esse j mais mais E aqui vou verificar se j é maior ou igual a dez g rick four loop. E eu comento essa declaração simples aqui, save e C. Como você vê, eu tenho do número zero ao nove. Porque a condição aqui diz que, se j for maior ou igual a dez, deve haver tijolos. Podemos definir a condição de saída, a declaração de saída, em qualquer lugar da sua pasta em que você precise. Em vez de incrementar a variável inicial, você pode diminuir a em vez de incrementar a variável inicial, podemos diminuí-la dentro da Por exemplo, deixe-me definir outro loop aqui. E deixe-me sentar a partir de dez, e até que eu seja maior que zero menos menos O que deveria acontecer? Mostre esses números no castelo. Formate meu documento, salve e C. Como você vê, eu tenho do número dez ao número um aqui usando for loop. Um ponto sobre o que eu fiz aqui. Como você pode ver, eu declarei a variável I aqui para esse loop. E novamente, eu declarei uma variável I aqui. O script Y Java não me deu um erro para isso. Como eu disse, usando lead ao definir uma variável, você não pode redeclará-la E, na verdade, aqui, não redeclaramos nossa variável porque tudo o que você define dentro da expressão for loop, qualquer coisa que você define aqui, por exemplo, este I aqui, somente será conhecido dentro deste for Não consigo acessar esse I fora disso. Por exemplo, deixe-me copiar essa linha e colar aqui e ver o navegador. Como você vê, eu tenho um erro aqui. Não está definido. E onde está o problema aqui. Por quê? Porque o I é definido dentro da expressão for loop, não antes ou depois dela. Mas aqui estou definindo o j fora desse loop for, e posso acessar esse j fora do foo two Novamente, se eu quiser usar j como variável inicial. Para isso, eu posso usá-lo. Mas se eu definir isso como j, esse j é diferente disso. Isso é local para este for loop e isso é global. Isso se deve ao escopo das variáveis. Deixe-me desfazer isso Vamos continuar na próxima parte. 32. Dia 7: para alça, parte 2: Todos e nós voltaremos. Você também pode ter laços aninhados em seu casaco javascrip ou loops aninhados em seu casaco javascrip aninhados Por exemplo, deixe-me mostrar algo assim. Quatro, deixe eu de um até que eu seja dez ou igual ao incremento de dez Por um. Dentro disso, eu defino outro para e divido j de um até que j seja menor dez ou igual a dez, e j incremente em um E mostre ao console a multiplicação desse I e J, e vamos salvar e ver o resultado no navegador E antes disso, deixe-me formar este documento. Eu esqueci de vir, deixe-me entrar nesta linha para não ter um erro E como você vê, eu tenho a multiplicação de I e J juntos Eu tenho a tabela de multiplicação aqui. Então, usando os loops neeset, você pode ter algo assim em seu código de script Java Deixe-me mostrar este produto que estamos exibindo usando melhor a força de dois ninhos. Aqui, dentro dos quatro primeiros, posso definir uma variável. Quero mostrar o resultado como uma tabela no console do navegador. Aqui, eu defino uma variável, por exemplo, linha e a transformo em uma string vazia. Aqui, dentro dos quatro segundos, em vez de dissipar o resultado no console, adiciono o local do resultado à linha Eu uso a atribuição de adição de linha ao que eu multiplico j mais o espaço dentro da aspa dupla Após o segundo loop com cuidado, esse é o fim deste loop for aqui. Então, depois disso, mostrarei o resultado usando o ponto do console. Outra faixa para usar o VSCode para mostrar o console. No Joscp, basta gravar o log e escolher o segundo log que está dizendo ao Como você vê aqui, e quando eu pressiono inter aqui, ele me traz a função de registro de pontos do cônsul E eu exibo a linha aqui. Vamos dizer e ver. Como você pode ver, eu tenho o rótulo do meu produto como este no navegador. O que realmente aconteceu aqui? Primeiro, o loop externo começará com o valor, a partir de quê? Quando I é um, o segundo loop vai de um, dois, dez. Quando o valor de I for um, o segundo, o loop interno será executado a partir de um, dois , dez, um. Quando terminar, a linha será exibida no cos. Quando terminar, eu serei adicionado por um, e agora eu sou dois, então esses quatro serão executados. Dez vezes usando I two, e J mudará toda vez que esse flop crescer. Apodrece. E cada vez que estiver dentro da sala externa, essa variável será definida e estará vazia. Então, aqui podemos ver que eu não tenho o valor que é para o rob anterior Além do tijolo que pode sair dos loops. No ovscap, também temos continuum. Qual é a diferença entre a continuum e a declaração break em loops É que o tijolo sai do loop, mas o continue vai para o início, mas o continuum, vamos voltar para o início do loop Por exemplo, se eu disser aqui que sou igual a cinco, continue triste de fazer esses Vamos ver o que aconteceu. Quando o I for cinco, continue. Não quero mostrar o resultado da multiplicação de cinco com nenhum outro número de 1 a 10 no console Como você pode ver aqui, eu tenho a linha um, dois, três, quatro, mas eu não tenho a linha cinco aqui. Além disso, se eu adicionar essa linha a aqui, copiar essa linha e p aqui e transformar isso j. Eu quero continuar do início, quando eu chegar ao J cinco, digamos C. Como você vê, eu não tenho o resultado para a coluna cinco, linha cinco aqui e coluna cinco. Em vez de continuar, se eu disser tijolo e também por aqui, venho aqui e digo rick C, só tenho isso no navegador. Eu não tenho para o número cinco, e depois disso, essa tabela de multiplicação O que realmente está acontecendo aqui? Quando eu tiver um, todo o bloco do casaco aqui escorrerá, e então eu viro para dois. Então, novamente, todo esse bloco de casacos funcionará. Até as cinco. Quando eu chego aos cinco, essa pausa, significa sair desse quatro. Cada declaração de tijolo retornará ao loop mais próximo, e também aqui Quando J é cinco tijolos a partir de qual loop, esse loop, porque esse é o loop mais próximo dessa declaração de tijolo. Deixe-me mostrar outro exemplo de uso de for Por exemplo, se você quiser calcular o fatorial de um número, isso significa o produto de um inteiro e todos os números inteiros e todos os Por exemplo, deixe-me adicionar um comentário aqui. Se você tem o número três e três, fatorial é igual a Multiplique dois, multiplique um, que é igual a seis E deixe-me definir meu número aqui. Por exemplo, quatro, ou deixe-me dizer três, e podemos mudar para quatro como zero. Eu posso fazer a fábrica usando quatro loops. Quatro, vamos começar de um até i menor ou igual a um número. I plus plus, e como preciso do resultado no final, devo definir outro valor para armazenar o resultado. Defina o resultado como um. E aqui, o resultado deve ser multiplicar a atribuição. No final, mostrarei algo parecido com esse número mais bactérias. É o resultado. Formate meu documento. Eu quero entrar neste ninho que parece daqui. Vamos ver o resultado no navegador agora, pois você vê, três fatoriais são seis Se eu mudar esse número, por exemplo, dois, por exemplo dez, tenho dez bactérias assim. Como você pode ver, ao alterar o valor dessa variável numérica, os horários em que essas quatro execuções serão alterados. Se eu dissesse, por exemplo, menos cinco, você vê, o resultado é por que o resultado é um Porque essa condição nunca se cumpre. Nunca sou menor que menos cinco, porque o I começa com um Portanto, seu po pode nunca ser executado. Obrigado por assistir. Nos vemos na próxima 33. Dia 7: enquanto e faz... em loop em JavaScript: Olá a todos, e bem-vindos de volta. No vídeo anterior, falamos sobre loops e for loop no script ova Neste vídeo, falaremos sobre y loops em um script oval loops Y podem executar um bloco de código, desde que a condição seja verdadeira Para o loop y, você precisa de uma condição. Podemos ver a sintase para loop largo e loop dividido aqui. Precisamos de uma condição. Desde que essa condição seja verdadeira, esse código está entre as chaves curvas em sulcos Também aqui, precisamos de uma condição aqui, e desde que essa condição seja verdadeira, esse cote w. Mas qual é a diferença entre o laço largo e o duplo Vamos ver essa diferença em ação. Eu tenho um arquivo let aqui e relacionado a while S. Dentro dele, eu quero definir um loop amplo. Como eu disse, para i loop, precisamos de uma condição. Podemos escrever a condição desta forma ou escolher esta e pressionar inter. Como você vê, precisamos de uma condição aqui para loop. Eu tenho que definir a condição. Por exemplo, dez, menos de 20. Essa condição é sempre verdadeira. E se você executar assim, essa é uma largura infinita e você precisa sair do azul largo usando instrução break em algum lugar dentro do seu código amplo. Deixe-me melhorar as coisas. Eu defino um contador de variáveis co, por exemplo, como aquele com o valor inicial com o valor inicial. E aqui, eu disse que o contador branco é menor que dez. Mostre o valor do contador na fechadura. Contador. Quando eu quero usar um laço largo. Eu preciso fazer a condição aqui fs. Como você vê, o contador é um, e essa condição é verdadeira. E enquanto essa condição for verdadeira, o loop apodrecerá. Portanto, se eu quiser tornar essa condição falsa, preciso fazer alterações no valor do contador. Por exemplo, por exemplo, aumente o valor do contador. Digamos que. Como você vê, eu tenho o número um, dois, nove no console. Porque eu começo o ciclo a partir de um e conto 210. Mas quando o contador é dez, porque dez não é menor que dez, ele sairá do circuito a partir daqui. Deixe-me definir outro loop usando um. Deixe o contador dois como um, e eu disse dois, escolho Dubil e pressiono inter Para dbd, preciso de um contador de condições que dois seja menor que dez. Quero copiar essas duas linhas de código aqui e colar aqui e ver o resultado no navegador. Também quero adicionar um comentário aqui. Faça largo, e também para aqui y. E veja o resultado. Não consigo ver o resultado do DVD, mas vamos ver y. Aqui, estou usando o contador dois como em, e aqui estou verificando as condições do contador dois quando ele chegou até a barraca. Mas dentro do, eu não aumentei o valor do contador dois e não mostrei o valor do contador dois. Então, devido a essa condição, nunca nos tornamos falsos. Esses dois de largura são um loop infinito. Então, eu deveria corrigir aqui e aqui e ver o navegador. Quando um loop infinito está dentro do seu script java, o navegador pode não responder à sua ação, então você precisa fechar o navegador e abri-lo novamente. Ok. Agora o problema é enviado por fax e eu tenho 129 para aqui, e um, 29 para você Mas qual é a diferença entre wide e du wide aqui? Estou tendo o mesmo resultado para os dois. Deixe-me alterar o valor do contador para dez para largura, e aqui para o contador dois, dez para devido. Digamos que eu veja o resultado. Como você vê, para i loop, eu não tenho nada no console. Mas para DVD, eu tenho dez. Por quê? Porque o código que definimos para o DVD é executado pelo menos uma vez. Por quê? Porque a condição é verificada após o du wide body, o bloco de código do DVD. Mas, para isso, a condição é verificada. Primeiro, e como o contador não é menor que dez, esse código não será executado. Aqui, o contador dois é dez, e essas duas linhas de código serão executadas e, em seguida, verificarão a condição. E como a condição é falsa, esse código não será executado novamente. Mais um ponto sobre o loop y é que, se você omitir a expressão um e a expressão três, para o loop de quatro, podemos considerá-lo amplo Por exemplo, deixe-me definir. Eu tenho um e defino quatro loops assim. Eu não preciso da expressão. Semi, mas eu defino a condição aqui como menor que dez, e eu não defino o incremento dentro da declaração quatro Mas eu mostro o I na caixa e tenho o incremento I dentro do loop Esse loop de quatro é o mesmo que o i op. Se eu definir o loop y assim. O j como um, y, j é menor que dez. J e j mais seis. Esses quatro loops e esse i são iguais um ao outro. Obrigado por assistir. Nos vemos na próxima. 34. Dia 7: para... in e para... de loops: Olá, pessoal, e voltaremos. Neste artigo, falaremos sobre quatro em e quatro loops em JavaScript. Usando quatro polegadas, podemos percorrer as propriedades dos objetos e os elementos das matrizes ou itens das matrizes Podemos ver a sintaxe quatro aqui. A chave aqui define uma propriedade no objeto ou um item dentro da matriz. Usando quatro de, podemos fazer loops com o valor de um objeto entre objetos. O objeto Iterut pode ser uma matriz ou pode ser um truque. Você pode ver a sintaxe de quatro aqui. Para cada variável de um objeto iterável, ele deve fazer um bloco de código. Vamos ver. Qual é a diferença entre quatro em e quatro e como podemos usá-los no script ova. Para mostrar quatro em quatro, tenho um quatro em quatro do arquivo GS aqui e o arquivo SL relacionado quatro em quatro, e também uma relação entre si. Aqui, para mostrar o uso de quatro polegadas. Olha, eu quero definir um objeto. Deixe-me definir meu objeto, por exemplo. Usuário com algumas propriedades, por exemplo, primeiro nome como algo assim, aquele nome, algo assim, H 25, e cor favorita, por exemplo, como vermelho. Primeiro, quero usar f eu preciso definir uma variável para a chave ou todas as propriedades do meu objeto? Onde está essa chave no meu objeto? Qual é o nome do objeto? Usuário. Aqui, posso mostrar o valor de cada propriedade que Cs fazem como usar a chave Csle do Vamos ver o que temos. Salva no navegador. Como você vê, eu tenho o nome das propriedades realmente aqui, não o valor que eu defino para cada propriedade. Como posso acessar o valor de cada propriedade usando quatro, basta comentar este slide. Aqui eu digo usuário e dentro do colchete, devo definir a propriedade que é chave aqui Posso usar ou acessar todas as propriedades do meu objeto usando quatro em loop. Assim e usando essa declaração. Veja o navegador. Agora eu tenho o valor de cada propriedade aqui. Se eu quiser mostrar o nome da propriedade e o valor como esse que tenho aqui no trânsito, posso escrever assim. Eu duplico essa luz, chegando, e aqui, digo chave mais dois pontos em uma string e em um espaço antes e depois dela e salvo no navegador Agora eu tenho algo parecido com isso no navegador. E se eu tiver uma matriz? Deixe-me definir uma matriz de números como essa, e eu quero usar quatro para mostrar cada item dentro da minha matriz. Eu uso quatro. Deixe I em números e mostre o I no console. Novamente, o que eu tenho no console é zero, dois, três. Esse é o índice de cada item na matriz. Então, se eu quiser acessar o valor de cada item na matriz, devo definir o log assim, duplicar essa linha e dizer números E dentro do colchete que eu uso, esse é o índice de cada item dentro da matriz Esta linha e o sinal do navegador. Agora eu tenho os itens dentro da matriz no Csde. Agora, se eu quiser mostrar o item e o índice de cada item no console, devo escrever assim : replicar isso Eu, algo assim na string e adiciono aos números I e com isso, salve e assine o navegador. Agora eu tenho o índice e o item dentro do índice do R. Para o objeto, eu uso key, o nome da chave depende de você. E você pode ver esse nome o que quiser. É um nome de variável que você pode usar dentro desse loop. Para objetos usando k, posso acessar cada propriedade e, para matrizes, posso acessar cada em dentro da matriz Que tal quatro de loop? Deixe-me definir quatro. Eu defino eu aqui. E conjunto de nomes das minhas matrizes. Como eu disse, você pode usar quatro dos quatro objetos de TI, variáveis de TI que podem ser matrizes ou cadeias Aqui, dentro disso, eu deito o valor de I no console e vejo o resultado no navegador. Como você pode ver, usando quatro, posso acessar diretamente o valor de cada item dentro do a. Não preciso usar a variável que eu defino dentro de quatro como o índice dos itens. Veja aqui, a variável é o índice dos itens dentro do anúncio. Y aqui, o I é o item em si. Deixe-me renomear esses dois itens, que são muito mais óbvios para renomear uma variável dentro do código do scape No código VS, você pode pressionar F dois escrever o novo nome e pressionar estagiário. E como você vê, isso eu transformo dois itens. Save e C. Eu tenho isso no navegador. E deixe-me definir uma mensagem train const, por exemplo, se eu disser olá como o valor dessa mensagem e depois usar ou C da mensagem O nome do carro depende de você. Podemos definir o nome, que você quiser, e mostrar o valor do cuidado no console. Agora, o que eu tenho, para dizer e ver, eu tenho cada caractere dentro da minha string no console do navegador. Como você vê, eu tenho dois L aqui. Portanto, ele é exibido assim no console do navegador. Usando quatro para variáveis de string, podemos acessar cada caractere dentro da string. Outro ponto aqui é que, como eu disse, para s, temos um método de quatro e e map que pode fazer a mesma coisa que fazemos aqui. Se você não se lembra disso, volte para esses vídeos. Obrigado por assistir. Nos vemos na próxima.