Como um desenvolvedor júnior, você não se consegue dominar todas as funcões necessárias do JavaScript. Aqui, tento mostrar as 10 funções mais importantes de que você vai precisar para manter seu bom desenpenho como programador júnior.
1 – parseInt () : A função parseInt converte seu primeiro argumento para uma string, analisa, e retorna um inteiro ou NaN. Se não NaN, o valor retornado será a representação decimal inteira do primeiro argumento obtido como um número na base especificada. Por exemplo, umabase 10 indica para converter de um número decimal, 8 octal, 16 hexadecimal, e assim por diante. Para bases acima de 10, as letras do alfabeto indicam numerais maiores que 9. Por exemplo, para números hexadecimais (base 16), A até F são usados.
Se parseInt encontrar um caracter que não seja um numeral na base especificada, ele o ignora e a todos os caracteres subsequentes e retorna o valor inteiro analisado até aquele ponto. parseInt trunca números para valores inteiros. Espaços no início e fim são permitidos.
parseInt('025', 10) // 25, converter uma string em número decimal
parseInt('11', 2) // 3, converter uma string em número binário parseInt('0x10') // 16, o navegador trata o número como hexadecimal se ele começar com 0x
parseInt('0x10', 10) // 0
O segundo argumento é opcional. Ele define os tipos de número. Mas você deve sempre usá-lo para obter a saída desejável.
2 – parseFloat () : converte uma string em um número flutuante.
parseFloat('12.21') // 12.21
Método String:
3 – string.length() :
'hello'.length() // 5, str.length retorna a contagem de caracteres de uma string
4 – string.charAt() :
'hello world'.charAt(6) // "w", retornar o caractere na posição dada
5 – string.replace() :
'hello, world'.replace('world', 'neptune') // "hello, neptune"
Esta função substitui o caractere ou partes da string (primeiro parâmetro) pelo segundo parâmetro.
6 – string.toUpperCase() :
'hello'.toUpperCase() // "HELLO"
Esta função faz o que parece. Converte um caractere de string em um caractere maiúsculo.
Método de matriz – Array
Se você estiver trabalhando com banco de dados back-end, precisará usar essas funções de array.
7 – Array Spread Operator ([…array]):
Você provavelmente conhece muitos métodos para adicionar itens em uma matriz. Mas para trabalhar com banco de dados de back-end, esse método pode ser mais útil para você.
const numbers = [5,8,12,15]
const newNumbers = [...numbers, 16,7] // [5,8,12,15,16,7]
8 – Array.map():
O método Array.map () percorre todos os elementos da matriz e retorna uma nova matriz. Este método pode ser usado para gerenciar dados do banco de dados. Você pode criar algum elemento html com isso também.
const users = ['James', 'John', 'Johny']
users.map(user => user+' Doe') // [ "James Doe", "John Doe", "Johny Doe" ]
9 – Array.reduce() :
O método Array.reduce chama uma função redutora (deve ser fornecida) e retorna um único valor acumulado:
const numbers = [1,5,7,8,9,12]
const reducer = (accumulator, currentValue) => accumulator + currentValuenumbers.reduce(reducer) // 42
A função redutora pega o primeiro elemento da matriz e adiciona-o com currentValue, armazena currentValue e, a seguir, pega o próximo e adiciona-o a currentValue. E faça isso para todos os elementos. Abaixo está o fluxo de trabalho da função.
numbers.reduce(reducer) // 1 + currentValue = 1 (currentValue now 1)
5 + currentValue = 6
7 + currentValue = 13
8 + currentValue = 21
9 + currentValue = 30
12 + currentValue = 42
10 – Array.filter() :
Se você estiver trabalhando com dados, muitas vezes precisará filtrá-los. O método Array.filter faz a tarefa para você.
const numbers = [1,2,3,4,6,7,8,9,12]
const odd = numbers.filter(num => num % 2 === !0)
console.log(odd) // [1,3,7,9]
O bloco de código acima usa uma matriz e filtro de saída para números ímpares. Podemos usar outro tipo de filtro também.
const productsPrice = [25,50,75,48,45,100,214,254]
const cheapProducts = productsPrice.filter(price => price > 100)
console.log(cheapProducts) // [25,50,75,48,45]
Aqui, use o filtro de matriz para obter os preços abaixo de 100.
Fique atento e acesse nosso Blog para mais dicas.