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çãoQuantidade 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 JavaScriptQuantidade 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 JavaScriptQuantidade 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 JavaScriptQuantidade 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 |
Software 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 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 |