DEV Community

Cover image for JavaScript Array.at() method
Chimezie Innocent
Chimezie Innocent

Posted on

JavaScript Array.at() method

Before the arrival of Array.at() method, JavaScript developers have used many and different ways to return items from an array but there was still need to use negative indexing to get the last item. Array[0] will return the first item but to return the last item you would use Array[ Array.length - 1 ] as described below;

const names = [ 'Billy', 'Tony', 'Peter', 'Timothy', 'Andrew'] const getFirstName = names[0] console.log(getFirstName) // Billy const getLastName = names[names.length - 1] console.log(getLastName) // Andrew 
Enter fullscreen mode Exit fullscreen mode

This has been one of the ways to achieve this. You can also do this with other methods like pop, slice and splice. See below;

// pop const names = [ 'Billy', 'Tony', 'Peter', 'Timothy', 'Andrew'] const getLastName = names.pop() console.log(getLastName) // Andrew // slice const names = [ 'Billy', 'Tony', 'Peter', 'Timothy', 'Andrew'] const getLastName = names.slice(-1) console.log(getLastName) // ['Andrew'] // splice const names = [ 'Billy', 'Tony', 'Peter', 'Timothy', 'Andrew'] const getLastName = names.splice(-1) console.log(getLastName) // ['Andrew'] 
Enter fullscreen mode Exit fullscreen mode

All the above methods returns the last item but one thing to note; the splice method modifies the array unlike the others. That means it overwrites the original array and returns a new array after the splice method has been performed.

// splice const names = [ 'Billy', 'Tony', 'Peter', 'Timothy', 'Andrew'] const getLastName = names.splice(-1) console.log(getLastName) // ['Andrew'] console.log(names) // [ 'Billy', 'Tony', 'Peter', 'Timothy' ] 
Enter fullscreen mode Exit fullscreen mode

Using Array.at() method
Array.at() method makes it very easy to return the last item. With the Array.at(), you can now easily get the last item using negative indexing. This method takes an integer value and returns the item at that index, allowing for positive and negative integers.

const names = [ 'Billy', 'Tony', 'Peter', 'Timothy', 'Andrew'] const getLastName = names.at(-1) console.log(getLastName) // Andrew const names = [ 'Billy', 'Tony', 'Peter', 'Timothy', 'Andrew'] const getSecondLastName = names.at(-2) console.log(getSecondLastName) // Timothy const names = [ 'Billy', 'Tony', 'Peter', 'Timothy', 'Andrew'] const getFirstName = names.at(0) console.log(getFirstName) // Billy 
Enter fullscreen mode Exit fullscreen mode

Array.at() method also works on strings too

const myName = 'Chimezie Innocent' const getFirstLetter = myName.at(0) console.log(getFirstLetter) // C const myName = 'Chimezie Innocent' const getLastLetter = myName.at(-1) console.log(getLastLetter) // t 
Enter fullscreen mode Exit fullscreen mode

Top comments (0)