9 dicas rápidas para JavaScript

Neste post vamos tratar de uma das linguagens mais usadas, transitando tanto no frontend como no backend. Como estamos vendo um grande interesse das pessoas a começar pelo frontend, por ser mais visual, vamos às dicas.

1- Use === ao invés de ==

Os iniciantes geralmente não usam com muita frequência o comparador “===” ou mesmo o “!==”, mas o que difere ele do “==”.

Vamos ver na tabela:

[15] === 15    // falso
[15]  == 15    // verdadeiro
'15' == 15     // verdadeiro
'15' === 15    // falso
[]   == 0 // verdadeiro 
[] ===  0     // falso
'' == false   // é verdadeiro, mas true == "a" é falso 
'' ===   false // falso

Como podemos ver, além de fazer a comparação de valor o “===” faz de tipo também.

Undefined, null, 0, false, NaN, “ ” (string vazia) é tudo considerado falsy.

2 – Crie um objeto construtor

let pessoa = Pessoa (primeiroNome, sobreNome) => {
    this. primeiroNome =  primeiroNome;
    this. sobreNome = sobreNome; 
   console.log(`${this.primeiroNome} ${this.segundoNome}`)
} 
let Dener = new Pessoa ("Dener", "Troquatte");

3 – Pegando um item randômico de um Array

let items = [15, 456 , 'a' , 1 , 852 , 'qualquer' , 42589, 'Coisa'];
let  randomItem = items[Math.floor(Math.random() * items.length)];

4 – Pegando um número randômico em um range específico

Pode ser útil para gerar uma data randômica para testes ou um salário de máximo e mínimo.

let x = Math.floor(Math.random() * (max - min + 1)) + min;

5 – Gerando um array de 0 a 100

let numbersArray = [];
let max = 100;
for( var i=1; numbersArray.push(i++) < max;);  // numbers = [ 1, 2, 3, 4, 5, 6 ... 100]

6 – Não use delete para remover itens de um array

Ao invés de usar delete, use o splice para remover um item de array. Ao usar o delete, substituímos o item por um undefined ao invés de removê-lo.

Como podemos ver, a substituição do valor pelo undefined e não a exclusão.

Agora com splice, a remoção foi feita.

7 – Use o operador e/ou para condições

let exemplo = 77;  
exemplo == 77 && fazAlgo(); // mesma coisa que if (exemplo == 77) fazAlgo(); 
exemplo == 6 || fazAlgo(); // mesma coisa que if (exemplo != 6) fazAlgo();

8- Problemas com ponto flutuante

Mas por que isso acontece? O que precisamos saber é, que os números do JavaScript são pontos flutuantes que representados internamente em binário de 64 bits.

Para resolver isso use toFixed() e toPrecision().

9 – Use switch/case ao invés de if/else

Usar o switch/case é mais rápido quando temos mais que dois casos, e melhor de organizar o código também. Mas evite ele quando tivermos mais casos.