Resumo : neste tutorial, você aprenderá como usar o at()
método JavaScript Array para retornar um elemento por um índice.
Introdução ao método JavaScript Array at()
Em JavaScript, você pode usar colchetes []
para acessar um elemento de um array . Por exemplo, arr[0]
retorna o primeiro elemento da matriz arr
, arr[1]
retorna o segundo elemento e assim por diante.
Para obter o último elemento de um array, você usa a length
propriedade assim:
arr[length-1]
Linguagem de código: CSS ( css )
JavaScript não permite que você use um índice negativo para acessar o último elemento como outras linguagens, por exemplo, Python. Por exemplo, o seguinte retorna indefinido:
arr[-1]
Linguagem de código: CSS ( css )
A razão é que JavaScript também usa colchetes []
para acessar uma propriedade de um objeto .
Por exemplo, obj[1]
retorna uma propriedade do objeto obj
com a chave "1"
. Portanto, obj[-1]
retorna a propriedade de um objeto com a chave "-1"
.
No exemplo acima, arr[-1]
retorna a propriedade do arr
objeto com a chave "-1"
. Observe que o tipo de uma matriz é object
. Como a "-1"
propriedade não existe no arr
objeto, ela retorna undefined
.
Por esse motivo, ES2022 introduziu um novo método at()
adicionado ao prototype
de Array
, String
e TypeArray.
Este tutorial se concentra no at()
método do Array.prototype
.
O at()
método aceita um índice e retorna um elemento nesse índice. Aqui está a sintaxe do at()
método:
arr.at(index)
Linguagem de código: CSS ( css )
Nesta sintaxe, index
especifica um elemento de matriz a ser retornado. Pode ser zero, positivo ou negativo.
Se o índice for zero ou positivo, o at()
método funciona como o []
.
Porém, se você usar um índice negativo, o método retornará um elemento do final do array. Por exemplo, arr.at(-1)
retorna o último elemento, arr.at(-2)
retorna o penúltimo elemento e assim por diante.
Exemplo do método JavaScript Array at()
O exemplo a seguir mostra como usar o at()
método para retornar um elemento de array:
const scores = [5, 6, 7];
console.log(scores.at(1)); // same as scores[1]
// get the last element
console.log(scores.at(-1)); // 7
console.log(scores.at(-1) === scores[scores.length - 1]); // true
Linguagem de código: JavaScript ( javascript )
Saída:
6
7
true
Linguagem de código: JavaScript ( javascript )
Resumo
- Use o
at()
método para retornar um elemento de uma matriz por um índice. - O
at()
método com índice negativo retornará um elemento do final do array.