David East, but the top half of the face

David East

Web Developer / Designer

JavaScript [].at() es increíble y deberías usarlo

10 oct 2022

Hola a todos! ¿Quieres escuchar mi increíble voz leerte leerte este artículo?

El .at() método para arrays en JavaScript es muy bueno y también tiene algunos trucos.

Aquí es donde está at()

Trabajar con índices array en JavaScript siempre ha sido… una aventura. Si deseas una parte específica del array, necesitas hacer algunos cálculos con la longitud o usar .slice()…¿o tal vez .splice()?

Pero ahora, todos mas facíl. Tenemos .at(). Este método viene adjunto a Array prototipo y es una placer usar. Se necesita un solo argumento, el índice que desea obtener.

const elementos = ['Manzanas', 'Narjanas', 'Peras', 'Ceras'];

// Puedes usar .slice() para obtener el tercer elemento
const tercerElementoSlice = elementos.slice(2, 3)[0];

// O puedes usar .splice() para obtener el tercer elemento
const tercerElementoSplice = elementos.splice(2, 1)[0];

// Puedes usar longitud para obtener el tercer elemento
const tercerElementoLength = elementos[elementos.length - 2];

// O puedes usar .at() para obtener el tercer elemento
const tercerElementoAt = elementos.at(2);

Mira .at() este. Es tan fácil. Otro aspecto increíble de .at() es que el índice puede ser negativo.

// davidea.st/articles/javascript-at-array
const currentPath = location.pathname;
// 'javascript-at-array'
const lastPath = currentPath.split('/').at(-1);

El número negativo cuenta hacia atrás desde el final de la array. Básicamente, puedes trabajar con la longitud sin tener que saber la longitud. Vivimos en el futuro.