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:

Loading Code . . .

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.

Loading Code . . .

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.

Loading Code . . .

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.

Loading Code . . .

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:

Loading Code . . .

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.

Loading Code . . .

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.

Loading...
Loading...
Loading...
Loading...
Loading...

© 2024 - ®Mewters