Acessando e modificando elementos do Array
Acessar e modificar elementos de arrays é uma parte importante do trabalho com arrays em JavaScript. Você pode acessar elementos individuais de um array usando seu número de índice.
Em JavaScript, índices de arrays começam em 0
, então o primeiro elemento em um array tem um índice de 0
, o segundo elemento tem um índice de 1
, e assim por diante.
Aqui está um exemplo:
No exemplo acima, criamos um array chamado meuArray
com quatro elementos. Em seguida, atribuímos o primeiro elemento do array à variável primeiroElemento
e o segundo elemento do array à variável segundoElemento
.
Modificando elementos do Array
Você também pode modificar os elementos de um array atribuindo um novo valor ao número de índice do elemento, como quando você atribui um novo valor a uma variável.
No exemplo acima, atribuímos a string 'Alice Cooper'
ao primeiro elemento do array meuArray
.
Tamanho do array
A propriedade length
de um array retorna o número de elementos no array.
A propriedade length
do array meuArray
é 4
, porque o array tem quatro elementos. Aprenderemos mais sobre propriedades na próxima seção.
Apenas tente lembrar que a propriedade length
é acessada usando o operador ponto (.
) após o nome do array, e que a propriedade length
retorna o número de elementos no array.
Acessando o último elemento de um array
Como você deve ter notado, o último elemento de um array tem um número de índice que é um a menos que a propriedade length
do array. Isso ocorre porque os índices de array começam em 0
, mas contamos a partir de 1
.
No exemplo acima, criamos um array chamado meuArray
com quatro elementos. Em seguida, atribuímos o número 4
à variável totalElementos
, que é o valor da propriedade length
do array meuArray
. Em seguida, atribuímos o número 3
à variável indiceUltimoElemento
, que é o valor de totalElementos
menos 1
. Em seguida, atribuímos o último elemento do array meuArray
à variável ultimoElemento
.
E, claro, isso foi apenas para mostrar como acessar o último elemento de uma array de maneira fácil de entender. Você também pode acessar o último elemento de uma array usando o número do índice menos um, assim:
Isso é basicamente o mesmo que o exemplo acima, mas evitamos criar variáveis que não precisamos.
Array e const
Você deve ter notado que usamos a palavra-chave const
para declarar o array meuArray
nos exemplos acima. Mas, se você tentar atribuir um novo valor ao array meuArray
, você não receberá um erro.
Por que isso acontece? A palavra-chave const
não deveria nos impedir de atribuir um novo valor a uma variável?
A resposta é que a palavra-chave const
nos impede de atribuir um novo valor à variável meuArray
. Mas, isso não nos impede de modificar os elementos do array meuArray
.
No exemplo acima, atribuímos a string 'Alice Cooper'
ao primeiro elemento do array meuArray
. Isso é permitido porque não estamos atribuindo um novo valor à variável meuArray
. Estamos apenas modificando os elementos do array meuArray
.
Em seguida, tentamos atribuir um novo valor à variável meuArray
. Isso não é permitido, porque estamos tentando atribuir um novo valor à variável meuArray
, o que não é permitido ao usar a palavra-chave const
.
Hora do código!
Agora que você sabe como acessar e modificar os elementos do array, vamos praticar um pouco.
No editor de código, você encontrará uma função chamada getFirstElement
e getLastElement
. Seu trabalho é completar a função para que ela retorne o primeiro e o último elemento da array que você recebe como parâmetro.
Os itens no array serão números aleatórios para evitar trapaças.