Looping Through Arrays

Modern JavaScript Working with Arrays
4 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€94.79
List Price:  €132.71
You save:  €37.92
£78.97
List Price:  £110.56
You save:  £31.59
CA$139.89
List Price:  CA$195.85
You save:  CA$55.96
A$153.73
List Price:  A$215.23
You save:  A$61.50
S$134.32
List Price:  S$188.05
You save:  S$53.73
HK$778.26
List Price:  HK$1,089.59
You save:  HK$311.33
CHF 88.57
List Price:  CHF 124
You save:  CHF 35.43
NOK kr1,105.08
List Price:  NOK kr1,547.16
You save:  NOK kr442.07
DKK kr706.99
List Price:  DKK kr989.82
You save:  DKK kr282.82
NZ$170.06
List Price:  NZ$238.10
You save:  NZ$68.03
د.إ367.26
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,906.24
List Price:  ৳16,669.22
You save:  ৳4,762.97
₹8,436.24
List Price:  ₹11,811.08
You save:  ₹3,374.83
RM447.10
List Price:  RM625.96
You save:  RM178.86
₦167,464.25
List Price:  ₦234,456.65
You save:  ₦66,992.40
₨27,687.73
List Price:  ₨38,763.93
You save:  ₨11,076.20
฿3,470.35
List Price:  ฿4,858.63
You save:  ฿1,388.28
₺3,445.98
List Price:  ₺4,824.51
You save:  ₺1,378.53
B$578.68
List Price:  B$810.17
You save:  B$231.49
R1,810.53
List Price:  R2,534.81
You save:  R724.28
Лв185.34
List Price:  Лв259.49
You save:  Лв74.14
₩139,691.42
List Price:  ₩195,573.58
You save:  ₩55,882.15
₪373.67
List Price:  ₪523.15
You save:  ₪149.48
₱5,901.36
List Price:  ₱8,262.14
You save:  ₱2,360.78
¥15,574.86
List Price:  ¥21,805.43
You save:  ¥6,230.57
MX$2,020.46
List Price:  MX$2,828.72
You save:  MX$808.26
QR363.35
List Price:  QR508.71
You save:  QR145.35
P1,355.53
List Price:  P1,897.79
You save:  P542.26
KSh12,948.70
List Price:  KSh18,128.70
You save:  KSh5,180
E£4,969.50
List Price:  E£6,957.50
You save:  E£1,988
ብር12,262.61
List Price:  ብር17,168.15
You save:  ብር4,905.53
Kz91,256.94
List Price:  Kz127,763.36
You save:  Kz36,506.42
CLP$97,119.28
List Price:  CLP$135,970.88
You save:  CLP$38,851.60
CN¥724.58
List Price:  CN¥1,014.45
You save:  CN¥289.86
RD$6,000.34
List Price:  RD$8,400.72
You save:  RD$2,400.37
DA13,341.73
List Price:  DA18,678.95
You save:  DA5,337.22
FJ$227.04
List Price:  FJ$317.87
You save:  FJ$90.82
Q769.16
List Price:  Q1,076.85
You save:  Q307.69
GY$20,834.51
List Price:  GY$29,169.15
You save:  GY$8,334.63
ISK kr13,772.62
List Price:  ISK kr19,282.22
You save:  ISK kr5,509.60
DH995.44
List Price:  DH1,393.66
You save:  DH398.21
L1,819.82
List Price:  L2,547.83
You save:  L728
ден5,825.40
List Price:  ден8,155.79
You save:  ден2,330.39
MOP$798.74
List Price:  MOP$1,118.27
You save:  MOP$319.52
N$1,801.35
List Price:  N$2,521.97
You save:  N$720.61
C$3,666.61
List Price:  C$5,133.40
You save:  C$1,466.79
रु13,462.23
List Price:  रु18,847.67
You save:  रु5,385.43
S/378.10
List Price:  S/529.35
You save:  S/151.25
K400.90
List Price:  K561.28
You save:  K160.37
SAR375.38
List Price:  SAR525.55
You save:  SAR150.16
ZK2,752.36
List Price:  ZK3,853.42
You save:  ZK1,101.05
L471.69
List Price:  L660.38
You save:  L188.69
Kč2,395.79
List Price:  Kč3,354.20
You save:  Kč958.41
Ft38,840.72
List Price:  Ft54,378.57
You save:  Ft15,537.84
SEK kr1,099.74
List Price:  SEK kr1,539.68
You save:  SEK kr439.94
ARS$100,165.56
List Price:  ARS$140,235.79
You save:  ARS$40,070.23
Bs690.96
List Price:  Bs967.37
You save:  Bs276.41
COP$440,690.82
List Price:  COP$616,984.78
You save:  COP$176,293.95
₡50,645.88
List Price:  ₡70,906.26
You save:  ₡20,260.37
L2,517.41
List Price:  L3,524.47
You save:  L1,007.06
₲775,966.15
List Price:  ₲1,086,383.66
You save:  ₲310,417.50
$U4,274.58
List Price:  $U5,984.58
You save:  $U1,710
zł411.21
List Price:  zł575.71
You save:  zł164.50
Already have an account? Log In

Transcript

There are times that you need to loop through all the elements of an array to do something with each element. The best loop for dealing with arrays is the for loop. Let's take a look at an example that would require using the for loop. I'm going to jump to sublime. Notice I already have an array set up here, it's grades with a number of different grades entered in. Now let's assume that this array was established over time as grades were entered, or it could be in one setting.

But anyway, there's multiple grades entered and the array is already established. Well, we want to find out what the average of all of the grades are. And so what we need to do is we need to go through each grade and we need to sum that to the total and then we need to divide that To total by the number of grades provided, and that will give us an average. So let's look at how we would do that. So first, let's create ourselves a couple of variables. Total is going to be the sum of all the grades, I'm going to set that to zero right now.

And then average. I'm going to set that to zero as well, since we haven't computed an average at this point. All right, let's write our for loop. For I'm going to declare I, as our variable which is pretty standard, set that equal to zero. Now Now we have the condition. When do we want to break out of this loop, it's after we have access to every single element in the array.

So if we start is zero, that will allow us to access the first element. So As AI is greater than the number of elements in the array then we should break out of the loop. So we want to run this loop while i is less than grades dot length. As soon as I becomes the number that is equal to the length, that means we have gone through every element in the array because the array is zero based. Alright and finally we need to increment i plus plus. Okay, now what are we going to do in this loop?

Well, we want to sum all of these into total. So we can use one of the assignment operators to do that the plus equal assignment operator. So total plus equal grades and then in brackets we're going to put I because I will cycle through the each position for each element in that array. And plus equal says take what we already have in total and add the next element to it. So that will give us an entire total once the loop is done. Then once the loop is done, let's figure out what our average is equal to total divided by grades dot length.

Because the length is the number of items that we have in our loop that we have in our array, and finally, let's print that out. The average rate is and then let's go ahead and concatenate AV even though AV is the number because we're using the concatenation operator to a string it will coerce it to a string and print it out. We'll save that and let's see what our average is. Go ahead and copy the file path. And let's open the console. The average grade is seven 4.81818181.

Okay, so that's our average. Now obviously, we could use the math object if we wanted to trim this down a bit, and not display all the decimal places. But this gives us a good average of the grade. And that shows us how we can loop through the elements of array. Whenever you need to loop through all the elements in array. You use the for loop and use the length property of that array to determine when you have completed accessing each element in in the array.

Alright, let's move on to the next topic.

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.