 |
|
Você está aqui: JavaScript ::: Dicas & Truques ::: Strings e Caracteres |
Como quebrar uma string em JavaScript usando o espaço como delimitador e a função split() do objeto StringQuantidade de visualizações: 446 vezes |
|
Nesta dica mostrarei como podemos separar uma frase ou texto em suas partes, ou seja, vamos quebrar uma string em partes usando o caractere de espaço como delimitador. Para isso nós vamos usar a função split() do objeto String do JavaScript. É claro que você poderá usar qualquer delimitador que achar mais adequado. Veja a página HTML na qual usamos a função split() para quebrar a string em partes e depois usamos o laço for para percorrer os itens do array retornado: ----------------------------------------------------------------------
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">
// vamos criar uma string
var frase = "Gosto muito de JavaScript";
document.write("A frase é: " + frase + "<br>");
// agora vamos quebrar a string em suas partes
// usando o espaço como separador
var palavras = frase.split(" ");
// e percorremos cada uma das palavras
for(var i = 0; i < palavras.length; i++){
document.write(palavras[i] + "<br>");
}
</script>
</body>
</html>
Ao executar este código JavaScript nós teremos o seguinte resultado: A frase é: Gosto muito de JavaScript Gosto muito de JavaScript |
 Link para compartilhar na Internet ou com seus amigos: |
JavaScript ::: Dicas & Truques ::: Arrays e Matrix (Vetores e Matrizes) |
Como adicionar um ou mais elementos ao início de um vetor JavaScript usando o método unshift() do objeto Array - [Revisado]Quantidade de visualizações: 7100 vezes |
O método unshift(), presente no JavaScript desde sua versão 1.2, é usado quando queremos adicionar um ou mais elementos no início de um vetor (array). Veja:----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
<script type="text/javascript">
var valores = new Array(1, 2, 3, 4, 5);
document.write("Valores no vetor: " + valores + "<br>");
valores.unshift(6);
document.write("Novos valores no vetor: " + valores);
</script>
Aqui nós adicionamos o valor 6 no início do vetor. Veja agora como adicionar três valores no início do vetor: ----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
<script type="text/javascript">
var valores = new Array(1, 2, 3, 4, 5);
window.alert("Valores no vetor: " + valores);
valores.unshift(6, 7, 8);
window.alert("Novos valores no vetor: " + valores);
</script>
É importante observar que a função unshift() modifica o vetor original, e seu retorno é a nova quantidade de elementos no vetor. |
JavaScript ::: Dicas & Truques ::: Strings e Caracteres |
Como converter uma string para letras minúsculas em JavaScript usando a função toLowerCase() do objeto StringQuantidade de visualizações: 2 vezes |
|
Nesta dica mostrarei como usar a função toLowerCase() do JavaScript para transformar todos os caracteres de uma palavra, frase ou texto para letras minúsculas. Esta função faz parte do objeto String. Veja um página HTML completa demonstrando 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 frase = "Veja Esta Frase.";
document.write("String original: " +
frase + "<br>");
// agora vamos transformar todos os caracteres
// da string para letras minúsculas
frase = frase.toLowerCase();
document.write("Em letras minúsculas: " +
frase + "<br>");
</script>
</body>
</html>
Ao executar este código JavaScript nós teremos o seguinte resultado: String original: Veja Esta Frase. Em letras minúsculas: veja esta frase. |
JavaScript ::: Dicas & Truques ::: Validação de Formulários |
Validação de formulários em JavaScript - Como validar um formulário contendo usuário e senha em JavaScriptQuantidade de visualizações: 34027 vezes |
|
A validação de formulários em JavaScript é uma das primeiras técnicas que devemos aprender, pois ela avita a perda de tempo que ocorre com a validação somente do lado do servidor (não se esqueça: as duas são necessárias). Ao validar no navegador, o usuário já vai as devidas correções sem ter que esperar o processamento de seus dados para, só então, ser comunicado de que alguma informação está incorreta. Assim, nesta dica, mostrarei como podemos validar um nome de usuário e senha em JavaScript. Deixei o exemplo bem mais, mas você pode melhorá-lo, adicionando até expressões regulares para ampliar as situações que podem ocorrer. O código abaixo vai gerar o seguinte formulário HTML:  E agora o código completo para o exemplo: ----------------------------------------------------------------------
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>
<style type="text/css">
input {margin-bottom: 3px; margin-top: 3px}
</style>
<script language="JavaScript">
function validar(){
// só permitirá o envio se os dados forem fornecidos
if(document.login.nome.value == ""){
alert("Forneça o nome do usuário");
document.login.nome.focus();
return false;
}
else if(document.login.senha.value == ""){
alert("Forneça a senha do usuário");
document.login.senha.focus();
return false;
}
else{
return true;
}
}
</script>
</head>
<body>
<form name="login" action="gravar.php" method="post"
onsubmit="return validar()">
Usuário:<br>
<input type="text" id="nome" name="nome"><br>
Senha:<br>
<input type="password" id="senha" name="senha"><br>
<input type="submit" value="Entrar!">
</form>
</body>
</html>
|
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 |
