0

10 Métodos ou Funções Javascript comuns em problemas de programação

#JavaScript
Fabiana Farias
Fabiana Farias

Existem inúmeras funções no Javascrip e, felizmente, não é esperado de nós desenvolvedores que saibamos todas de cor. Claramente, aqueles mais experientes, de tanto usar determinadas funções, terminam por decorá-las. Porém, nós devs iniciantes temos uma imensidão de conteúdo para absorver e não temos tanta prática diária quanto um profissional. Isso acaba fazendo com que esqueçamos as funções ou métodos mencionados nos cursos que fazemos ao longo da nossa jornada.

Em determinado momento, resolvemos fazer alguns testes de programação e nos deparamos com a necessidade de algumas daqueles conhecimentos. Podemos travar, pensar que não aprendemos nada e ficarmos desmotivados. Ao menos isso aconteceu comigo.

Pensando nisso, eu resolvi compartilhar algumas das funções e métodos necessários para resolver esses problemas.


1.findIndex( )


O método findIndex ( ) retorna o índice do primeiro elemento na matriz que satisfaz a função de teste fornecida. Caso contrário, retorna -1, indicando que nenhum elemento passou no teste.

Nesse exemplo, temos uma lista de números inteiros, criamos uma função onde definimos que o número escolhido deve ser menor que 300. Passamos essa função para o findIndex( ), que para ao encontrar o primeiro número que satisfaz a função.

const lista = [500,250,600,450];
const MenorQue300 = (elemento) => elemento < 300;
console.log(lista.findIndex(MenorQue300));
// Output esperado: 250


2.Math.round( )


O método Math.round( ) arredonda para o número inteiro mais próximo.

Aqui passamos um número com ponto flutuante para a função Math.round(), que arredonda o número para o inteiro mais próximo.

Math.round(20.9);   
// Output esperado: 21


3.Math.pow( )


O método Math.pow( ) calcula a potência dos argumentos, onde o primeiro é a base e o segundo o expoente.

Aqui passamos para Math.pow( ), primeiro a base e depois o expoente, calculando assim a potência. 

Math.pow(4, 2);     
// Output esperado: 16


4.Math.min( )


Math.min( ) pode ser usado para encontrar o valor mais baixo em uma lista de elementos.

No exemplo abaixo, retornamos o menor número da lista, passando a lista para a função. 

Math.min(0, 300, 28, 15, -7, -400); 
// Output esperado:  -400


5.Math.max( )


Math.max( ) pode ser usado para encontrar o valor mais alto em uma lista de elementos.

No exemplo abaixo, retornamos o maior número da lista, passando a lista para a função. 

Math.max(0, 300, 28, 15, -7, -400);  
// Output esperado: 300


6.parseInt( )


A função parseInt( ) lê um argumento de string e retorna um inteiro.

No exemplo abaixo, recebemos uma string. No output esperado recebemos um elemento do tipo number.

const x = '13';
console.log(parseInt(x)); 
//Output esperado:  13


7.parseFloat( )


A função parseFloat( ) lê um argumento string e retorna um número de ponto flutuante.

No parseFloat() recebemos uma string que é convertida para um número de ponto flutuante.

const PI = '3.14’;
console.log(parseFloat(PI)); 
//Output esperado: 3.14


8.shift( )


O método shift( )remove o primeiro elemento de um array e retorna esse elemento. Este método muda o tamanho do array.

No exemplo seguinte, vemos que a função shift remove o ‘1’, primeiro elemento do array ‘lista’, deixando o array, portanto, menor.

const lista = [1, 2, 3];
const primeiroElemento = lista.shift();
console.log(lista);
// Output esperado: lista[2, 3]
console.log(primeiroElemento);
// Output esperado: 1


9.split( )


O método split ( ) é usado para “fatiar” uma string em um array de substrings e retorna o novo array.

Nesse exemplo, recebemos essa string, que nesse caso é uma frase completa e com a função split, fatiamos a frase, separando cada palavra por uma vírgula.

function exemploSplit() {
  var string = “Uma string qualquer";
  var fatiarString = string.split(" ");
}
console.log(fatiarString);
//Output esperado: Uma,string,qualquer


10.toFixed( )


O método toFixed( ) converte um número em uma string, arredondando para um número especificado de casas decimais.

Nesse exemplo pegamos um número inteiro, já transformado com parseFloat( ) e definimos quantas casas decimais devem aparecer na saída, passando o argumento dentro dos parênteses, nesse caso, escolhemos duas casas decimais. 

funcao financa(x) {
  return Number.parseFloat(x).toFixed(2);
}
console.log(financa(123.456));
// Output esperado:   "123.46"
console.log(financa(0.004));
// Output esperado:   "0.00"
console.log(financa('1.23e+5'));
// Output esperado:   "123000.00"


As funções citadas neste artigo foram explicadas de maneira simplificada. Recomendo o acesso aos seguintes sites consultados: MDN Web Docsw3scools.com. Nesses links você poderá aprofundar o seu entendimento e conhecer outros exemplos, assim como outras funções importantes e muito mais.


Espero que esse artigo tenha lhe ajudado de alguma forma. Qualquer dúvida, crítica ou recomendação serão bem vindas nos comentários. 


Até mais, dev!

0
13

Comentários (1)

1
Hewerton Moreira

Hewerton Moreira

26/03/2021 18:58

Parabéns, Fabiana. Muito bom manter em mente (ou num papel próximo) essas funções.

Desenvolvedora Júnior

Brasil