DEV Community

Cover image for Tips: How to get last element of an array in javascipt

Tips: How to get last element of an array in javascipt

Sakib Ahmed on September 23, 2022

An array is a data structure, which can store a fixed-size collection of elements of the same data type If you have worked with JavaScript arrays ...
Read full post
Collapse
 
miketalbot profile image
Mike Talbot ⭐ • 
   const arr = [1, 2, 3]
   const lastElement = arr.at(-1)
Enter fullscreen mode Exit fullscreen mode
Collapse
 
muhammed_navas profile image
MUHAMMED NAVAS •

it is making an error, arr.at is not a function.

Collapse
 
miketalbot profile image
Mike Talbot ⭐ • • Edited

This is modern ES6 syntax, you will either need a modern browser/version of node or to use a transpiler like Babel.

This is the currently supported list:

caniuse.com/mdn-javascript_builtin...

Collapse
 
quocbahuynh profile image
quocbahuynh •

perfect

Collapse
 
mrcaidev profile image
Yuwang Cai •

I especially love this feature when combined with optional chain, in TypeScript, e.g. unknownArr?.at(1) ?? 0. It makes the code so much cleaner.

Collapse
 
jonrandy profile image
Jon Randy 🎖️ •

Beat me to it

Collapse
 
yxsh profile image
Yash •

well i always do

array[array.length - 1]
Enter fullscreen mode Exit fullscreen mode
Collapse
 
codemeop profile image
codemeop •

i always use arr.length-1

Collapse
 
ludovic974 profile image
Ludovic974 •

arr.pop() ?????

Collapse
 
devvsakib profile image
Sakib Ahmed •

pop() method removes the last element from an array and returns that element. This method changes the length of the array.

Collapse
 
schemetastic profile image
Schemetastic (Rodrigo) • • Edited

Cool, i knew a little about the pop() method but now is more clear to me.

Here is a small example of this

var fruits = ['apples', 'oranges', 'grapes'];
var myLastFruit = fruits.pop();
console.log(fruits, myLastFruit);
Enter fullscreen mode Exit fullscreen mode

This would log:

Array [ "apples", "oranges" ] grapes
Enter fullscreen mode Exit fullscreen mode

As you can see 'grapes' now doesn't form part of the fruits variable but at the same time the pop() method returns the last item of the array. So clearly, if someone is going to use this method must be aware of this.

Collapse
 
gilfewster profile image
Info Comment hidden by post author - thread only accessible via permalink
Gil Fewster •

The destructuring tip here is a good one, but it's not your own. It comes from 30 Seconds of Code -- 30secondsofcode.org/articles/s/js-....

Sharing links to useful articles, tips and content is great, but please don't simply repost other people's work in entirety and without credit. A better approach is to include a short extract from the original article, clearly identify the original author and and include a link to the original material. Something like this:

I found this great tip on 30 Seconds of Code for using destructing to get an array's length, last element.

const arr = [1, 2, 3];
const { 0: first, length, [length - 1]: last } = arr;
first; // 1
last; // 3
length; // 3
Enter fullscreen mode Exit fullscreen mode

See the original article at 30secondsofcode.org/articles/s/js-...

Some comments have been hidden by the post's author - find out more