Muitas vezes, um conceito fica difícil para nós assimilarmos, no entanto, se o conteúdo é multimídia fica mais fácil para a maioria das pessoas.
E esses GIFs(criados por Rafael Angrizani) tornam mais fácil de entender e como funciona algumas funções JavaScript que são importantes!
concat()
O método concat() retorna um novo array contendo todos os arrays ou valores passados como parâmetro. Cria um novo array unindo todos os elementos que foram passados como parâmetro, na ordem dada, para cada argumento e seus elementos (se o elemento passado for um array).
Sintaxe
arr.concat(valor1, valor2, …, valorN)
Exemplo:
fill()
O método fill() preenche todos os valores do array a partir do índice inicial a um índice final com um valor estático. O intervalo de preenchimento dos elementos é [início, fim).
Sintaxe
arr.fill(valor[, ínicio = 0[, fim = this.length]])
Exemplo:
filter()
O método filter() cria um novo array com todos os elementos que passaram no teste implementado pela função fornecida. filter() chama a função callback fornecida, uma vez para cada elemento do array, e constrói um novo array com todos os valores para os quais o callback retornou o valor true ou um valor que seja convertido para true.
Sintaxe
var newArray = arr.filter(callback[, thisArg])
Exemplo
find()
O método find() retorna o valor do primeiro elemento do array que satisfizer a função de teste provida. Caso contrario, undefined é retornado.
Sintaxe
arr.find(callback(element[, index[, array]])[, thisArg])
Exemplo
forEach
O método forEach() executa uma dada função em cada elemento de um array.
Sintaxe
arr.forEach(callback(currentValue [, index [, array]])[, thisArg]);
Exemplo
includes()
O método includes() determina se um array contém um determinado elemento, retornando true ou false apropriadamente.
Sintaxe
array.includes(searchElement[, fromIndex])
Exemplo
indexOf()
O método indexOf() retorna o primeiro índice em que o elemento pode ser encontrado no array, retorna -1 caso o mesmo não esteja presente.
Sintaxe
array.indexOf(elementoDePesquisa, [pontoInicial = 0])
Exemplo
join()
O método join() junta todos os elementos de uma array (ou um array-like object) em uma string e retorna esta string.
Sintaxe
arr.join([separador = ‘,’])
Exemplo
map()
O método map() invoca a função callback passada por argumento para cada elemento do Array e devolve um novo Array como resultado.
Sintaxe
arr.map(callback[, thisArg])
Exemplo
pop()
O método pop() remove o último elemento de um array e retorna aquele elemento.
Sintaxe
arr.pop()
Exemplo
push()
O método push() adiciona um ou mais elementos ao final de um array e retorna o novo comprimento desse array.
Sintaxe
arr.push(elemento1, …, elementoN)
Exemplo
reverse()
O método reverse() inverte os itens de um array. O primeiro elemento do array se torna o último e o último torna-se o primeiro.
Sintaxe
arr.reverse()
Exemplo
shift()
O método shift() remove o primeiro elemento de um array e retorna esse elemento. Este método muda o tamanho do array.
Sintaxe
arr.shift()
Exemplo
sort()
O método sort() ordena os elementos do próprio array e retorna o array. A ordenação não é necessariamente estável. A ordenação padrão é de acordo com a pontuação de código unicode.
Sintaxe
arr.sort([funcaoDeComparacao])
Exemplos
unshift()
O método unshift() adiciona um ou mais elementos no início de um array e retorna o número de elementos (propriedade length) atualizado.
Sintaxe
arr.unshift([element1[, …[, elementN]]])
Crédito das imagens
As imagens foram criadas por Rafael Angrizani .
Existe um repositório com todos os gifs aqui . Para mais informações veja aqui.
