DEV Community

Ana Luisa Santos
Ana Luisa Santos

Posted on

Diário de Bordo #8

OBS: Estive um pouco sumida esses dias por conta dos estudos que estava realizando, pretendo ser mais ativa de agora em diante em meus relatórios no diário de bordo.

Estou fazendo um curso na Rocketseat pela trilha Explorer e estou aprendendo muita coisa em JavaScript, alguma delas eu irei comentar no diário de hoje, e com o avançar, irei trazer nos demais diários dos próximos dias.

Manipulação de Arrays

Image description

Com o avançar dos meus estudos, eu aprendi alguns métodos novos em JavaScript que são muito importantes para realizar a manipulação de dados de uma Array. E outros eu só realizei a revisão, logo abaixo será listado cada um deles com uma breve explicação.

Push()

Adiciona um novo item/dado ao fim do Vetor.

Image description

Retorno no console:

Image description

unshift() - NEW!

Adiciona um novo item ao início do Vetor.

Image description

Retorno no console:

Image description

Pop()

Remove um item no final do Vetor.

Image description

Retorno no console:

Image description

shift() - NEW!

Remove um item no início do Vetor.

Image description

Retorno no console:

Image description

slice() - NEW!

Retorna uma cópia de parte de um array a partir de um subarray criado entre as posições início e fim. Ele irá aceitar dois argumentos, onde o primeiro argumento será a posição de início do elemento a ser retirado e o segundo, é a posição final do Array solicitado. Basicamente ele é um método que retorna os elementos selecionados de um Vetor, com um novo Vetor. Esse método não faz modificações do Vetor, e sim retorna o que foi solicitado.

Image description

Retorno no console:

Image description

splice() - NEW!

Remove um ou mais itens de qualquer posição do Vetor. Ele também aceita dois argumentos, onde o primeiro é a posição do elemento a ser removido, e o segundo, é a quantidade de elementos a serem removidos.

Image description

Retorno no console:

Image description

indexOf()

Encontra a posição de um elemento.

Image description

Retorno no console:

Image description

Top comments (0)