Usando em Javascript

| | | | | | | | |

JavaScript é uma linguagem de programação usada para criar conteúdo dinâmico em sites.

Reserve um momento para pensar nos recursos da Web que você usa todos os dias. Pense em como o novo conteúdo é carregado quando você continua rolando no Twitter ou como o YouTube é atualizado quando você clica no botão curtir. Este é o JavaScript em ação. O JavaScript pode ser usado para criar formulários interativos, animar imagens, criar elementos responsivos e muito mais para atender às suas necessidades

Ao construir um site, existem três tecnologias web principais que você usará. HTML, CSS e JavaScript. Você usará HTML para determinar a estrutura de uma página da Web e CSS para controlar a aparência de uma página da Web . JavaScript é o terceiro elemento de desenvolvimento web que você pode usar para tornar seu site dinâmico.

E isso não é tudo que o JavaScript pode fazer. Se você deseja criar mais de uma página da Web estática, recomendamos que você use JS. Mas o JavaScript também pode ser usado no desenvolvimento web de back-end, ou para desenvolver jogos ou para criar aplicativos móveis.

Neste guia, abordaremos algumas das operações mais comuns que você pode encontro ao aprender JavaScript. Discutiremos os fundamentos do JavaScript, incluindo sub-cadeias, código de teste usando blocos try ... catch , usando instruções if e muito mais. Depois de abordar o básico, também exploraremos alguns recursos JavaScript mais avançados.

Se você é novo em JavaScript e está procurando um tutorial introdutório , não procure mais do que este guia! Vamos começar explorando algumas das operações mais comuns em JavaScript.

Filtrar e reduzir JavaScript

Ao trabalhar com uma matriz em JavaScript, você pode filtrar seus objetos ou realizar um cálculo em todos os elementos. para o interior da matriz. É aqui que as funções filter () e reduce () entram em ação, respectivamente.

Filter () O A função pode ser usada para obter valores ‚Äã‚Äãque atendem a critérios específicos de uma matriz. Aqui está um exemplo de uma função de filtro que retorna todos os alunos 1ª série:

método reduce() pode ser usado para reduzir uma matriz a um único valor. Por exemplo, se quisermos obter a idade total dos alunos em uma turma, podemos usar este código:

Consulte nosso guia completo dessas funções para obter mais informações sobre como elas funcionam e como usá-las em seu código.

A string JavaScript contém

strings são usadas na programação para r display e com texto. Ao trabalhar com uma string, você pode verificar se esta string contém um determinado valor ou não. Por exemplo, você pode verificar se o nome de alguém contém Jones ou não.

Você pode usar o entende () embutido em JavaScript para verificar se uma string contém uma substring. Aqui está um exemplo do método include() usado para verificar se uma string contém uma substring:

JavaScript Split and Slice

Muitas vezes você pode ter uma string que deseja dividir em uma substring ou array. Para fazer isso, você pode usar as funções JavaScript split() e slice()

a função split() permite dividir uma string em um array. Por exemplo, se você deseja converter o nome completo de um usuário em uma matriz de strings, você pode usar o. função split() Aqui está um exemplo de split() em ação:

fatia () retorna todos os caracteres entre dois números de índice em uma string, permitindo que você crie uma substring Aqui está um exemplo de uma fatia em ação.

p>

Código JavaScript splice() pode ser usado para adicionar ou remover um elemento de qualquer posição em um array. Por exemplo, se você tiver uma lista de nomes de funcionários e quiser remover o segundo nome da lista, poderá usar splice ().

Aqui está um exemplo de splice () usado para remover o nome Paul, que tem o valor de índice 3 , de um array:

JavaScript Substring

O código JavaScript método substring ( ) permite extrair partes de uma string e criar uma substring lá. Por exemplo, se você deseja obter os dois últimos caracteres no nome de alguém, você pode usar a substring().

Aqui está um exemplo de uma substring usada para remover a primeira dois caracteres de uma string:

JavaScript Try Catch

Todo desenvolvedor comete erros quando está codificando e é muito importante certificar-se de que, se aparecer um erro, ele será tratado adequadamente. Blocos try/catch são usados em JavaScript para tratar erros.

Quando um bloco try/catch é usado, o código será executado e retornará uma resposta personalizada se um erro for encontrado no código. Aqui está um exemplo de procedimento de tentativa/captura em ação:

JavaScript If Else

Declarações condicionais são usadas quando você deseja que seu código seja executado somente quando um determinado conjunto de critérios for atendido. Por exemplo, você pode querer que seu programa imprima o nome de usuário se eles forem inseridos com um nome válido e retorne uma mensagem para o usuário no navegador da web se o nome for inválido.

O A instrução if / else pode ser usada para executar determinado código se uma instrução for verdadeira e para executar outro bloco de código se uma instrução for falsa. Aqui está a sintaxe de uma declaração if / else:

Substituir a string JavaScript

o JavaScript < the> replace() código pode ser usado para substituir certos caracteres - ou seqüências de caracteres - em uma string de texto. Por exemplo, você pode usar replace() para alterar o endereço de e-mail de cada ocorrência de um usuário para uma string se o usuário alterou seu e-mail

Aqui está um exemplo de como você pode usar replace() em JavaScript para substituir o texto:

JavaScript onclick

Ao criar uma página da Web, você pode querer um elemento de fazer algo quando um usuário clicar nela. Por exemplo, você pode receber uma mensagem se um usuário clicar em um botão ou em uma imagem para ampliar é clicado. É aqui que entra a função onclick().

onclick () permite que você crie uma página da Web interativa para que, se um usuário clicar em um item, algo aconteça. Leia nosso guia para o evento onclick() para saber mais sobre como ele funciona e como você pode usá-lo em seu código.

JavaScript Sort array

Ao trabalhar com um array, você pode decidir ordenar o array de uma maneira especial. Por exemplo, você pode classificar uma lista de nomes em ordem alfabética ou uma lista de votos em ordem crescente.

A função JavaScript sort() pode ser usada para organizar uma matriz em um determinado caminho. Aqui está um exemplo da função de classificação () usada para classificar uma matriz de nomes de alunos em ordem alfabética:

A função sort() também pode ser usada para realizar ordenação avançada se você definir uma função personalizada no gênero

Operador JavaScript ternário

Os operadores ternários JavaScript são if ... else que controla se uma condição é atendida e executa um bloco de código. Por exemplo, se você quiser verificar se eles têm mais de 18 anos e false a idade do usuário e retornar true se tiverem menos de 18 anos, você pode usar um operador ternário. p>

Os operadores ternários são frequentemente usados no lugar do simples if ... else porque são compactos e em uma linha.

Aqui está a sintaxe para um operador ternário em JavaScript:

JavaScript forEach

Ao programar em JavaScript, você pode querer percorrer todos os itens em uma lista. Por exemplo, você pode ter uma lista de nomes de fornecedores que deseja imprimir para o usuário. Você pode usar o loop forEach para criar esta função

loop forEach é uma forma de um loop que executa uma função uma vez em cada elemento de um array. Aqui está a sintaxe para uma instrução forEach que itera através de uma lista de empresas e imprime cada uma em uma nova linha:

Funções JavaScript

Funções que fazem parte da maioria das linguagens de programação , permitem que você escreva código uma vez por processo e use esse código várias vezes em seu programa.

Por exemplo, se você tiver um bloco de código que verifica se um campo de formulário é válido, convém torná-lo uma função, para que eu não tenha que repetir um bloco de código para cada formulário de campo em uma página da web. <

p> Aqui está um exemplo de uma função JavaScript:

Sozinha nossa função não faz nada, mas quando chamada, a função imprimirá Google no console. Para chamar nossa função, usamos o seguinte código:

JavaScript Ou

A palavra-chave JavaScript let permite declarar um campo de bloco, variável de localidade que pode ser reatribuída. Ao contrário das variáveis var, as variáveis let são acessíveis apenas dentro de um determinado bloco de código, mas podem ser reatribuídas como variáveis var.

Declarar uma variável usando let funciona da mesma forma que var:

Leia nosso artigo completo sobre JavaScript let para aprender as diferenças entre var, const e deixe, bem como como usá-los todos corretamente.

Array JavaScript Pressione

Ao trabalhar com um array, você pode adicionar um elemento a este array. É aqui que entra o JavaScript push(). Você pode usar push() para anexar um elemento ao final de um array. Aqui está um exemplo de método push() usado:

Saída:

Você também pode usar unshift() para adicionar um elemento de um array. unshift () funciona da mesma forma que push() e aceita o mesmo argumento.

Conclusão

JavaScript é uma ferramenta de programação linguagem usada para criar páginas web dinâmicas. Neste guia, discutimos algumas - algumas das operações JavaScript mais comuns usadas por iniciantes. Cobrimos tudo, desde onClick até substituição de string, cortando dados para atender às suas necessidades.

Este manual não é apenas para iniciantes, no entanto. À medida que você continua sua jornada de aprendizado de JavaScript, você deve continuar voltando a este guia e usá-lo para ajudá-lo se você se perder. Manteremos este artigo atualizado para que, se você tiver alguma dúvida sobre uma operação JavaScript comum, você Provavelmente encontrarei aqui.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method