Você está aqui: JavaScript ::: Dicas & Truques ::: Strings e Caracteres

Como remover os espaços no final de uma string em JavaScript usando uma função trim_final() personalizada

Quantidade de visualizações: 33 vezes
Há muitos anos eu precisava remover espaços no final de uma string em JavaScript e percebi que o objeto String, na época, não oferecia a função trim(). Não me restou opção a não ser sentar e escrever o código na mão mesmo. Hoje em dia não precisamos mais dele, mas fica aí para que você entenda a lógica empregada na resolução do problema.

Veja a página HTML completa com 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">
  // função personalizada que remove os espaços
  // no final de uma string
  function trim_final(string){
    // primeiro definimos o código do espaço
    var espaco = String.fromCharCode(32);
    // obtemos o tamanho da string
    var tamanho = string.length;
    // e criamos uma string temporária
    var temp = "";
    
    // a string está vazia?
    if(tamanho < 0){
      return "";
    }
  
    // uma variável temporária para percorrermos
    // a string de trás para frente
    var temp2 = tamanho - 1;
    while(temp2 > -1){
      if(string.charAt(temp2) == espaco){
        // não faz nada
      }
      else{
        temp = string.substring(0, temp2 + 1);
        break;
      }
      
      // decrementamos a variável temp2
      temp2--;
    }
    
    return temp;
  }
  
  // vamos testar a função trim_final()
  var frase = "Gosto muito de JavaScript   ";
  document.write("Com espaços no final: " + 
    frase + "#" + "<br>");
	
  // vamos remover os espaços no final da string
  frase = trim_final(frase);
  document.write("Sem espaços no final: " + 
    frase + "#" + "<br>");  
</script>
  
</body>
</html>

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

Com espaços no final: Gosto muito de JavaScript #
Sem espaços no final: Gosto muito de JavaScript#

Link para compartilhar na Internet ou com seus amigos:

JavaScript ::: Dicas & Truques ::: Matemática e Estatística

Como elevar uma base a um determinado expoente usando o método pow() do objeto Math do JavaScript

Quantidade de visualizações: 24431 vezes
Em algumas situações nós precisamos efetuar cálculos de potenciação em JavaScript, ou seja, elevar um número (uma base) a um determinado expoente e obter sua potência. Veja a figura a seguir:



Veja que aqui o valor 5 foi elevado ao cubo, ou seja, ao expoente 3 e obtemos como resultado sua potência: 125.

A linguagem JavaScript nos fornece o método pow(), como parte do objeto Math, que recebe como argumentos a base e o expoente e nos retorna a potência. Veja um exemplo de seu uso no código abaixo:

----------------------------------------------------------------------
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">
  var base = 4;
  var expoente = 5;
  var potencia = Math.pow(4, 5);
  document.write("A base " + base + " elevada ao expoente "
    + expoente + " é igual à potência " + potencia);
</script>

</body>
</html>

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

A base 4 elevada ao expoente 5 é igual a potencia 1024


JavaScript ::: Dicas & Truques ::: Arrays e Matrix (Vetores e Matrizes)

Como adicionar elementos no início de um array JavaScript usando a função unshift() do objeto Array

Quantidade de visualizações: 7581 vezes
Nesta dica mostrarei como adicionar um ou mais elementos no início de um array da linguagem JavaScript usando a função unshift() do objeto Array. Esta função é chamada na variável do tipo array e recebe um ou mais elementos, os quais serão inseridos no início do vetor.

Veja o código JavaScript completo 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>Arrays em JavaScript</title>
</head>
<body>

<script type="text/javascript">
  // vamos criar um array em JavaScript
  var valores = new Array(1, 2, 3, 4, 5);
  
  // agora vamos mostrar o vetor criado
  document.write("Valores no array: " + valores 
    + "<br>");
  
  // vamos adicionar três elementos no início do
  // array
  valores.unshift(6, 7, 8);
  
  // e mostramos o resultado
  document.write("Adicionei três elementos no início do array<br>");
  document.write("Valores no array: " + valores);
</script>
  
</body>
</html>

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

Valores no array: 1,2,3,4,5
Adicionei três elementos no início do array
Valores no array: 6,7,8,1,2,3,4,5


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

Como somar dias a uma data em JavaScript usando uma função personalizada adicionar_dias() que retorna um objeto Date

Quantidade de visualizações: 13438 vezes
Nesta dica mostrarei como podemos escrever uma função JavaScript que permite adicionar dias a uma data recebida como argumento e retorna um novo objeto Date. Como pequenas modificações esta função pode ser usada também para subtrair dias da 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>Data e hora em JavaScript</title>
</head>
<body>

<script type="text/javascript">
  // função que recebe um objeto Date e uma quantidade
  // de dias e soma esses dias ao Date recebido e
  // e retorna um novo objeto Date
  function adicionar_dias(data, dias){
    return new Date(data.getTime() + (dias * 24 * 60 
      * 60 * 1000));
  }

  // testa a função
  var hoje = new Date();
  document.write("Hoje é " + hoje.toLocaleDateString() + "<br>");
  
  // vamos adicionar 5 dias ao objeto Date
  var data_futura = adicionar_dias(hoje, 5);
  document.write("Daqui 5 dias será: " + 
    data_futura.toLocaleDateString());
</script>
  
</body>
</html>

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

Hoje é 06/02/2023
Daqui 5 dias será: 11/02/2023


Vamos testar seus conhecimentos em

Cisalhamento e detalhamento de vigas

Conforme a NBR 6118 (ABNT, 2014), a armadura transversal mínima deve ser colocada nas vigas de modo a garantir a estabilidade das estruturas, mesmo na eventualidade de serem aplicados carregamentos não previstos no cálculo, evitando a ruptura abrupta logo após o surgimento das primeiras fissuras inclinadas.

Nesse contexto, qual a armadura transversal mínima necessária por metro de viga, tendo em vista que ela tem seção de 30 x 80cm e altura útil de 77cm? Adote concreto C35 e aço CA-50.

A) 2,43cm2/m.

B) 2,84cm2/m.

C) 3,12cm2/m.

D) 3,54cm2/m.

E) 3,85cm2/m.
Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Topografia

Rumo e azimute

Prova de Engenharia Civil Prefeitura de Jarú

O azimute correspondente ao rumo 32º 20' 30'' é:

A) 212º 20' 30''

B) 147º 39' 30''

C) 327º 39' 30''

D) 302º 20' 30''

E) 58º 40' 30''
Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Engenharia Civil - Construção Civil

Fases de uma obra

Em relação aos conceitos envolvidos na elaboração de um orçamento de obras, assinale a alternativa correta.

A) Custos diretos são aqueles em que é necessário estipular um fator de rateio para que sejam apropriados aos serviços.

B) Devem ser incluídas no título "desmobilização" de um orçamento as despesas com locação, fechamento, tapumes, demolições e relocações.

C) A administração do canteiro de obras e as despesas decorrentes da administração da empresa fazem parte dos custos diretos de uma obra.

D) Como regra, orçam-se os preços na construção civil por serviço, determinando-os segundo a produção de composições unitárias.

E) Em um solo, caso seja necessário escavar 1 m3 do terreno, deve-se orçar, no item referente à escavação do material, o valor 1,4 m3.
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 Python

Qual o resultado da execução do seguinte código Python?

# cria uma string
palavra = "ESTUDAR"
letras = ['A', 'B', 'C']
letras[0], letras[2] = palavra[3], palavra[1]
print(letras)

A) ['T', 'B', 'S']

B) Um erro TypeError: 'tuple' object does not support item assignment

C) ['B', 'A', 'C']

D) ['U', 'B', 'S']

E) Um erro TypeError: 'str' object is not callable
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á 42 usuários muito felizes estudando em nosso site.