 |
|
Você está aqui: JavaScript ::: ECMAScript 8 - JavaScript 8 - ES8 - ECMAScript 2017 ::: Programação Orientada a Objetos |
Obtendo um vetor chave/valor das propriedades de um objeto usando o método Object.entries()Quantidade de visualizações: 1027 vezes |
|
O método entries(), adicionado ao objeto Object no ES2017 (ECMAScript 8), é usado quando precisamos obter todas as propriedades próprias de um objeto, ou seja, propriedades não herdadas via prototype. A coleção é retornada como uma matriz (array) chave/valor. Chave contém o nome da propriedade e valor contém o valor guardado na propriedade. Veja um exemplo no qual criamos uma classe Aluno contendo as propriedades nome, matricula e curso. Veja que aqui eu usei construtor de função para a criação de um novo objeto chamado a. Em seguida chamamos Object.entries() neste objeto para obter os nomes e valores de suas propriedades. Segue o código: ----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
<script type="text/javascript">
// definição da classe Aluno
function Aluno(nome, matricula, curso){
this.nome = nome;
this.matricula = matricula;
this.curso = curso;
// método que permite retornar o nome do aluno
this.getNome = function(){
return this.nome;
};
}
// cria um novo objeto da classe Aluno
var a = new Aluno("Osmar J. Silva", 1234, "Ciência da Computação");
// vamos obter as propriedades do objeto a como uma matriz chave/valor
var entradas = Object.entries(a);
// vamos agora percorrer as propriedades e seus valores
for(var i = 0; i < entradas.length; i++){
window.alert("Propriedade: " + entradas[i][0] + " - " +
"Valor: " + entradas[i][1]);
}
</script>
É importante observar que o nome da função getNome() também é adicionada ao vetor retornado pelo método Object.entries(). |
 Link para compartilhar na Internet ou com seus amigos: |
JavaScript ::: Dicas & Truques ::: Strings e Caracteres |
Como retornar o caractere associado a um código ASCII ou Unicode em JavaScript usando a função fromCharCode() do objeto StringQuantidade de visualizações: 107 vezes |
|
Nesta dica mostrarei como podemos retornar o caractere a partir de seu código ASCII ou Unicode em JavaScript. Para isso nós vamos usar a função fromCharCode() do objeto String. 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>Strings em JavaScript</title>
</head>
<body>
<script type="text/javascript">
var codigo = 102;
document.write("O caractere para o código "
+ codigo + " é: " + String.fromCharCode(codigo));
</script>
</body>
</html>
Ao executar este código JavaScript nós teremos o seguinte resultado: O caractere para o código 102 é: f |
JavaScript ::: Dicas & Truques ::: Cookies |
Como verificar se cookies estão habilitados no navegador do usuário usando JavaScriptQuantidade de visualizações: 62 vezes |
|
Em algumas situações nós gostaríamos de checar se os cookies estão habilitados no browser do usuário antes de gravarmos alguma informação. Nesta dica eu mostro como isso pode ser feito. Note que tudo que precisamos fazer é criar um cookie temporário e tentar acessá-lo em seguida. Veja o código completo para o exemplo (incluindo a página HTML): ----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
<!doctype html>
<html>
<head>
<title>Estudos JavaScript</title>
</head>
<body>
<script type="text/javascript">
// vamos criar um cookie temporário
var cookieTemp = (new Date()).getTime() + '';
// colocamos o cookie como parte do documento
document.cookie = "cookieTemp=" + cookieTemp + "; path=/";
// o cookie existe?
if (document.cookie.indexOf(cookieTemp, 0) < 0){
window.alert("Os cookies não estão habilitados no seu navegador");
}
else{
window.alert("Os cookies estão habilitados no seu navegador");
}
</script>
</body>
</html>
Ao executar este código teremos o seguinte resultado: Os cookies estão habilitados no seu navegador. |
JavaScript ::: Dicas & Truques ::: Formulários |
Como enviar um formulário via código - Enviar um formulário usando JavaScript - Como disparar o método submit() do form a partir de um link - RevisadoQuantidade de visualizações: 19647 vezes |
|
Na maioria das páginas web, o formulário é enviado quando clicamos em um botão (o botão Enviar, por exemplo). Nesta dica mostrarei como é possível enviar um formulário clicando em um link, ou seja, disparando o método submit() do formulário HTML via programação mesmo. Veja o código completo: ----------------------------------------------------------------------
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>
</head>
<body>
<form name="cadastro" action="http://www.google.com" method="get">
<input type="text" name="nome">
</form>
<a href="javascript:{document.cadastro.submit();}">Enviar o Formulário</a>
</body>
</html>
Abra esta página no seu servidor web, clique no link e veja o resultado. |
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 atendimentoDiga 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 funcionalidadesTenha 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 |
