Removing the last element from the end of a JavaScript array

JavaScript for Beginners - Arrays: Adding and Removing Elements Part I - Working with the ends of a JavaScript array
2 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€66.48
List Price:  €94.97
You save:  €28.49
£55.48
List Price:  £79.27
You save:  £23.78
CA$98.33
List Price:  CA$140.47
You save:  CA$42.14
A$107.87
List Price:  A$154.11
You save:  A$46.23
S$93.98
List Price:  S$134.26
You save:  S$40.28
HK$544.62
List Price:  HK$778.06
You save:  HK$233.44
CHF 61.72
List Price:  CHF 88.17
You save:  CHF 26.45
NOK kr776.67
List Price:  NOK kr1,109.57
You save:  NOK kr332.90
DKK kr495.83
List Price:  DKK kr708.36
You save:  DKK kr212.53
NZ$118.77
List Price:  NZ$169.68
You save:  NZ$50.90
د.إ257.07
List Price:  د.إ367.26
You save:  د.إ110.18
৳8,384.83
List Price:  ৳11,978.85
You save:  ৳3,594.01
₹5,909.65
List Price:  ₹8,442.72
You save:  ₹2,533.07
RM310.93
List Price:  RM444.20
You save:  RM133.27
₦118,108.82
List Price:  ₦168,734.12
You save:  ₦50,625.30
₨19,496.15
List Price:  ₨27,852.84
You save:  ₨8,356.68
฿2,416.22
List Price:  ฿3,451.90
You save:  ฿1,035.67
₺2,425.32
List Price:  ₺3,464.89
You save:  ₺1,039.57
B$407.22
List Price:  B$581.77
You save:  B$174.54
R1,267.41
List Price:  R1,810.66
You save:  R543.25
Лв130.20
List Price:  Лв186.01
You save:  Лв55.81
₩97,475.91
List Price:  ₩139,257.28
You save:  ₩41,781.36
₪255.36
List Price:  ₪364.82
You save:  ₪109.45
₱4,110.68
List Price:  ₱5,872.66
You save:  ₱1,761.97
¥10,596.44
List Price:  ¥15,138.42
You save:  ¥4,541.98
MX$1,447.86
List Price:  MX$2,068.47
You save:  MX$620.60
QR255.83
List Price:  QR365.49
You save:  QR109.65
P957.28
List Price:  P1,367.60
You save:  P410.32
KSh9,063.70
List Price:  KSh12,948.70
You save:  KSh3,885
E£3,476.05
List Price:  E£4,966
You save:  E£1,489.95
ብር8,780.73
List Price:  ብር12,544.44
You save:  ብር3,763.70
Kz63,807.13
List Price:  Kz91,156.95
You save:  Kz27,349.82
CLP$68,429.22
List Price:  CLP$97,760.22
You save:  CLP$29,331
CN¥507.13
List Price:  CN¥724.50
You save:  CN¥217.37
RD$4,230.16
List Price:  RD$6,043.35
You save:  RD$1,813.18
DA9,356.77
List Price:  DA13,367.38
You save:  DA4,010.61
FJ$158.89
List Price:  FJ$226.99
You save:  FJ$68.10
Q541.54
List Price:  Q773.67
You save:  Q232.12
GY$14,679.97
List Price:  GY$20,972.29
You save:  GY$6,292.31
ISK kr9,633.42
List Price:  ISK kr13,762.62
You save:  ISK kr4,129.20
DH703.39
List Price:  DH1,004.89
You save:  DH301.49
L1,281.87
List Price:  L1,831.32
You save:  L549.45
ден4,093.12
List Price:  ден5,847.57
You save:  ден1,754.44
MOP$562.43
List Price:  MOP$803.51
You save:  MOP$241.07
N$1,269.65
List Price:  N$1,813.87
You save:  N$544.21
C$2,582.26
List Price:  C$3,689.10
You save:  C$1,106.84
रु9,463.39
List Price:  रु13,519.71
You save:  रु4,056.31
S/264.78
List Price:  S/378.27
You save:  S/113.49
K282.85
List Price:  K404.09
You save:  K121.24
SAR263.02
List Price:  SAR375.76
You save:  SAR112.74
ZK1,934.85
List Price:  ZK2,764.20
You save:  ZK829.34
L330.84
List Price:  L472.66
You save:  L141.81
Kč1,681.68
List Price:  Kč2,402.50
You save:  Kč720.82
Ft27,373.74
List Price:  Ft39,107.03
You save:  Ft11,733.28
SEK kr765.13
List Price:  SEK kr1,093.09
You save:  SEK kr327.96
ARS$70,495.75
List Price:  ARS$100,712.53
You save:  ARS$30,216.78
Bs484.88
List Price:  Bs692.72
You save:  Bs207.83
COP$306,405.11
List Price:  COP$437,740.35
You save:  COP$131,335.24
₡35,854.29
List Price:  ₡51,222.61
You save:  ₡15,368.32
L1,774.67
List Price:  L2,535.36
You save:  L760.68
₲547,554.16
List Price:  ₲782,253.76
You save:  ₲234,699.59
$U2,999.11
List Price:  $U4,284.63
You save:  $U1,285.51
zł286.41
List Price:  zł409.17
You save:  zł122.76
Already have an account? Log In

Transcript

Removing the last element in the end of a JavaScript array. The JavaScript pop method provides a very simple way to remove the last element of the array. So once again, looking at our foo array, we have the elements A, B, and C. So what if I wanted to remove c? Well, that's the last element. So if I just want to remove the last element of the array, I can use the pop method to remove C, which is the last element. So when I do that, if I say food up, pop, C is removed from the array, but then I had the literacy here in the middle of the screen.

So what is this? Why is the literacy just sitting there? And that's because the pop method always returns the element that was removed from the array. So when I said food pop, it removed the last element which was C, but it returned C. So if I would execute that the pop method again, what would happen is, I would remove B from the end of the array, but it would actually the method would actually return the letter. Be. So let's look at a code example for that one.

In JavaScript, the pop method removes the last element of the array and returns that element. So here I've got an array called foo. And if I call the pop method, it should remove the last element, which is a letter F. And it will return that element that it removes the letter F, and the length will change from six to five. Let's see this in action. So first, I want to define the array. So I've got this array called foo now and if I inspect, foo, we'll see it's got an element with six.

It's an array with six elements. The last one is F. So now, if I call the pop method of foo, it should do two things, it should return the letter F, which we'll see in a second and the length of foo should change from six to five. So here it returned the letter F. And then if I do foo dot length, see the length of the array is now five. If I inspect food, You can see it no longer has a letter F. It's just ABCDE. So now if I call food pop again, it should return the letter E. And it should change the length from five to four. So execute pop, it returns the letter E. And then if I want to look at foo again, I can see that it's got four elements in it right.

And then if I execute, pop one more time, it should return the letter D, which is the last element of the array, and then foo should now have three elements in it. So the pop method always returns the last element of the array. It removes the last element and returns it. And of course, the length of that array will change

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.