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 lengthpropriedade 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 objcom 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 arrobjeto com a chave "-1". Observe que o tipo de uma matriz é object. Como a "-1"propriedade não existe no arrobjeto, ela retorna undefined.
Por esse motivo, ES2022 introduziu um novo método at()adicionado ao prototypede Array, Stringe 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, indexespecifica 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]); // trueLinguagem de código: JavaScript ( javascript )Saída:
6
7
trueLinguagem 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.
