Aprenda 16 Funções de Arrays Javascript com GIFs

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.


Aprenda 16 Funções de Arrays Javascript com GIFs

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:

concat


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:

fill


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

filter


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

find


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

forEach


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

includes


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

indexOf


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

join


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

map


pop()

O método pop() remove o último elemento de um array e retorna aquele elemento.

Sintaxe

arr.pop()

Exemplo

pop


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

push


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

reverse


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

shift


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

sort

sort


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]]])

unshift


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.


javascript


Compartilhe


Nosso canal no Youtube

Inscreva-se


Marcos Oliveira

Marcos Oliveira

Desenvolvedor de software
https://github.com/terroo


Pacote Promocional com Todos os Cursos

Adquira todos os cursos para se tornar um ninja do Terminal e do Linux.

Mais detalhes

Receba as novidades no seu e-mail!

Após cadastro e confirmação do e-mail, enviaremos semanalmente resumos e também sempre que houver novidades por aqui para que você mantenha-se atualizado!


caso queira entrar em contato conosco, envie-nos um e-mail.