Você está aqui: JavaScript ::: Dicas & Truques ::: Arrays e Matrix (Vetores e Matrizes)

Como usar a propriedade length do objeto Array para redimensionar uma matriz JavaScript em tempo de execução

Quantidade de visualizações: 8002 vezes
Em algumas situações gostaríamos de redimensionar um array em JavaScript, ou seja, aumentar ou reduzir seu tamanho durante a execução do código. Isso pode ser feito por meio da propriedade length (que nos permite não somente obter o tamanho da matriz mas também definí-lo).

Veja um trecho de código JavaScript no qual redimensionamos uma matriz e usamos uma mensagem alert() para exibir seu tamanho após cada operação.

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<html>
<head>
<title>Estudos JavaScript</title>

<script type="text/javascript">
  // vamos criar uma matriz de 5 elementos
  var valores = new Array(5);

  // vamos exibir o tamanho da matriz 
  window.alert("A matriz contém " + valores.length + " elementos.");

  // vamos aumentar o tamanho para 10 elementos
  valores.length = 10;

  // vamos exibir o tamanho da matriz 
  window.alert("A matriz contém " + valores.length + " elementos.");

  // vamos reduzir o tamanho para 2 elementos
  valores.length = 2;

  // vamos exibir o tamanho da matriz 
  window.alert("A matriz contém " + valores.length + " elementos.");
</script>

</head>
<body>

</body>
</html>

Note que quando aumentamos o tamanho de uma matriz por meio de sua propriedade length, novos elementos são adicionados ao final do array. O valor destes elementos será undefined no caso de tipos primitivos e null no caso de objetos. Se reduzirmos o tamanho da matriz usando a propriedade length, os elementos truncados serão perdidos e não há forma conhecida que permita recuperá-los.

Link para compartilhar na Internet ou com seus amigos:

JavaScript ::: Dicas & Truques ::: Set (Conjunto)

Como usar objetos Set em seus códigos JavaScript

Quantidade de visualizações: 1084 vezes
Os objetos Set, introduzidos no JavaScript na revisão ECMAScript 2015, também chamada de ES6 e ECMAScript 6, trazem para a linguagem a noção de conjuntos.

Um conjunto é uma coleção de valores únicos, ou seja, cada valor pode aparecer somente uma vez. Dessa forma, objetos Set do JavaScript obedecem esta regra e podem armazenar todos os tipos de dados, desde os tipos primitivos númericos até objetos de classes definidas pelo usuário.

Nesta dica veremos como adicionar elementos a um Set e depois percorrer o seu conteúdo e exibir todos os seus valores. Veja o código a seguir:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<!doctype html>
<html>
<head>
  <title>O método setInterval() do JavaScript</title>
</head>
  
<body>

<script type="text/javascript">
  // vamos criar um novo conjunto
  var linguagens = new Set();
  
  // vamos adicioar 4 linguagens
  linguagens.add("Java");
  linguagens.add("PHP");
  linguagens.add("C++");
  linguagens.add("Python");
  
  // vamos percorrer os elementos do conjunto
  for(var linguagem of linguagens){
    document.writeln(linguagem + "<br>");
  }
</script>
  
</body>
</html>

Ao executar este código nós teremos o seguinte resultado:

Java
PHP
C++
Python

Em mais dicas dessa seção você aprenderá mais sobre os métodos e propriedades do objeto Set da linguagem JavaScript.


JavaScript ::: Dicas & Truques ::: Cookies

Cookies em JavaScript - Como verificar a existência de um cookie usando JavaScript

Quantidade de visualizações: 29 vezes
Nesta dica mostrarei como podemos criar uma função obterCookie() que recebe o nome de um cookie e nos retorna seu valor ou null. Se o retorno for diferentes de null então sabemos que o cookie existe e podemos prosseguir com alguma operação. Em outras dicas dessa seção você pode aprofundar seu conhecimento de cookies em JavaScript.

Veja o código JavaScript completo para o exemplo, incluindo o código HTML:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<html>
<head>
<title>Estudando JavaScript</title>

<script type="text/javascript">
  // função que permite obter um cookie
  function obterCookie(nome){    
    if(document.cookie.length > 0){
      c_start = document.cookie.indexOf(nome + "=");
      if(c_start != -1){ 
        c_start = c_start + nome.length + 1; 
        c_end = document.cookie.indexOf(";", c_start);
        if(c_end == -1){
          c_end = document.cookie.length;
        }
        
        return unescape(document.cookie.substring(
          c_start, c_end));
      } 
    }
    return null;
  }
</script>

</head>
<body>

<script type="text/javascript">
  // verifica se o cookie "nome_visitante" existe
  var nome_visitante = obterCookie('nome_visitante');
  if(nome_visitante != null){
    document.writeln("O cookie nome_visitante existe");
  }
  else{
    document.writeln("O cookie nome_visitante não existe");
  }
</script>
 
</body>
</html>

Ao executar este código JavaScript nós teremos o seguinte resultado:

O cookie nome_visitante existe


JavaScript ::: Dicas & Truques ::: Data e Hora

Como calcular a quantidade de dias restantes para o fim do ano em JavaScript

Quantidade de visualizações: 8860 vezes
Desde a época que criamos o site, muitos usuários nos perguntam como escrever um código JavaScript que calcula e mostra a quantidade de dias restantes para o fim do ano. Nesta dica eu mostro como isso pode ser feito. É claro que você pode alterá-lo para calcular a quantidade de dias restantes para qualquer data.

Veja a página HTML completa para o exemplo:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<!doctype html>
<html>
<head>
  <title>Datas em JavaScript</title>
</head>
<body>

<script type="text/javascript">
  // vamos obter a data de hoje
  var hoje = new Date();
  
  // vamos construir a data do final do ano
  var fim_ano = new Date(hoje.getFullYear(), 11, 31);
  
  // quantidade de milisegundos em um dia
  var milisegundos_dia = 1000 * 60 * 60 * 24;
  
  // calculamos os dias restantes para o fim do ano
  var dias_restantes = Math.ceil((fim_ano.getTime() -
    hoje.getTime()) / (milisegundos_dia));
  
  // e mostramos o resultado
  document.write("Hoje é: " + hoje.toString() + "<br>");
  document.write("Faltam " + dias_restantes + 
    " dias para o fim do ano.");
</script>
  
</body>
</html>

Ao executar este código JavaScript nós teremos o seguinte resultado:

Hoje é: Sat Feb 04 2023 12:47:50 GMT-0300 (Horário Padrão de Brasília)
Faltam 330 dias para o fim do ano.


Vamos testar seus conhecimentos em

Dimensionamento de pilares de extremidade

Dimensionar a área de aço para as armaduras é uma das etapas mais importantes no dimensionamento dos pilares de extremidade. Esses pilares podem ter uma armadura longitudinal que deve atender aos requisitos de armadura mínima estabelecidos em norma, como também uma armadura transversal e, em alguns casos, uma armadura transversal suplementar.

Diante disso, qual é o valor da área de aço da armadura longitudinal e armadura mínima do pilar de extremidade a seguir?



A) As = 10,35cm2; Asmínima = 2,42cm2.

B) As = 15cm2; Asmínima = 10cm2.

C) As = 35cm2; Asmínima = 5cm2.

D) As = 23cm2; Asmínima = 15cm2.

E) As = 18,5cm2; Asmínima = 7,45cm2.
Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Hidrologia

(IDECAN - 2021 - Perito Criminal de 1ª Classe (PEFOCE)/Engenharia Civil) O aparelho utilizado para medição e registro de precipitações é o

A) pluviômetro.

B) fluviógrafo.

C) pluviógrafo.

D) limnímetro.

E) limnígrafo.
Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Python

Qual declaração de variável vai provocar um erro em Python?

A) minhaNota = 4.65

B) minha_nota = 4.65

C) Minha_nota = 4.65

D) minha-nota = 4.65

E) MinhaNota = 4.65
Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Fenômeno de Transportes e Hidráulica

Fórmula de Chézy

Um canal reto e retangular tem 2,1m de largura e 1,2m de profundidade e está com uma declividade de fundo de 3°.

Sendo o fator de atrito igual a 0,022, a vazão para escoamento uniforme será:

A) 23,97m3/s.

B) 25,78m3/s.

C) 30,87m3/s.

D) 37,00m3/s.

E) 37,55m3/s.
Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Fundações

Sondagem à Percussão (SPT) e Rotativa (RQD)

Identifique a qualidade do maciço através do RQD de uma porção da rocha cuja manobra na sondagem rotativa foi de 1,5m e recuperou-se os seguintes fragmentos: 12cm + 16cm + 7cm + 35cm + 6cm + 14cm + 8cm + 2cm + 50cm.

A) Trata-se de um maciço muito fraco. RQD menor que 25%.

B) Trata-se de um maciço fraco, com RQD entre 25 e 50%.

C) Trata-se de um maciço regular, com RQD entre 50 e 75%.

D) Trata-se de um maciço bom, com RQD entre 75 e 90%.

E) Trata-se de um maciço excelente, RQD=100%.
Verificar Resposta Estudar Cards Todas as Questões

Desafios, Exercícios e Algoritmos Resolvidos de JavaScript

Veja mais Dicas e truques de JavaScript

Dicas e truques de outras linguagens

Códigos Fonte

Programa de Gestão Financeira Controle de Contas a Pagar e a Receber com Cadastro de Clientes e FornecedoresSoftware de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimento
Diga adeus às planilhas do Excel e tenha 100% de controle sobre suas contas a pagar e a receber, gestão de receitas e despesas, cadastro de clientes e fornecedores com fotos e histórico de atendimentos. Código fonte completo e funcional, com instruções para instalação e configuração do banco de dados MySQL. Fácil de modificar e adicionar novas funcionalidades. Clique aqui e saiba mais
Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidadesControle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidades
Tenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: Delphi
6º lugar: C
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby



© 2024 Arquivo de Códigos - Todos os direitos reservados
Neste momento há 55 usuários muito felizes estudando em nosso site.