Diário de Bordo #8
Tags: javascript, programming, webdev, beginners
Published: 2023-02-01 15:17:02

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n655n2266vgcjtv2gmxn.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/whz6qwpilaiw2ky50vr9.png)

Retorno no console:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3jqzf3y3tdurboi60d9p.png)

## unshift() - NEW!

Adiciona um novo item ao início do Vetor.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9qf71659wln9glmmwbv7.png)

Retorno no console:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/28zqxj8ggo7dmzgzulqz.png)

## Pop()

Remove um item no final do Vetor.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bw96ct2ax26c51wvbubb.png)

Retorno no console:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h6d80x9qehmyms0uguki.png)

## shift() - NEW!

Remove um item no início do Vetor.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ijdjn9fdoa1j1z6uq0nk.png)

Retorno no console:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8yarobbrhljr8jmgk0xc.png)

## 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fqef1gb36t9vju3cdruc.png)

Retorno no console:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c2z7h7oj8nuc0cz2ggt3.png)

## 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ekr384pf29091bbrq1p4.png)

Retorno no console:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xf30otl7o0hnimw1f4v8.png)

## indexOf()

Encontra a posição de um elemento.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nvra18sats4x92fepmj5.png)

Retorno no console:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h87d5cktkujt1a5ln3l5.png)