Exercise 7

Modern JavaScript Working with Arrays
9 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
€96.21
List Price:  €134.70
You save:  €38.49
£79.93
List Price:  £111.90
You save:  £31.97
CA$143.79
List Price:  CA$201.32
You save:  CA$57.52
A$160.48
List Price:  A$224.69
You save:  A$64.20
S$135.83
List Price:  S$190.17
You save:  S$54.33
HK$777.07
List Price:  HK$1,087.93
You save:  HK$310.86
CHF 89.45
List Price:  CHF 125.24
You save:  CHF 35.78
NOK kr1,141.95
List Price:  NOK kr1,598.78
You save:  NOK kr456.82
DKK kr717.64
List Price:  DKK kr1,004.72
You save:  DKK kr287.08
NZ$177.52
List Price:  NZ$248.53
You save:  NZ$71.01
د.إ367.25
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,994.74
List Price:  ৳16,793.12
You save:  ৳4,798.37
₹8,496.63
List Price:  ₹11,895.62
You save:  ₹3,398.99
RM450.75
List Price:  RM631.07
You save:  RM180.32
₦155,628.43
List Price:  ₦217,886.03
You save:  ₦62,257.60
₨27,934.96
List Price:  ₨39,110.06
You save:  ₨11,175.10
฿3,444.45
List Price:  ฿4,822.37
You save:  ฿1,377.92
₺3,518.54
List Price:  ₺4,926.10
You save:  ₺1,407.55
B$617.53
List Price:  B$864.57
You save:  B$247.04
R1,837.80
List Price:  R2,572.99
You save:  R735.19
Лв188.31
List Price:  Лв263.64
You save:  Лв75.33
₩144,872.25
List Price:  ₩202,826.95
You save:  ₩57,954.69
₪364.89
List Price:  ₪510.86
You save:  ₪145.97
₱5,883.01
List Price:  ₱8,236.45
You save:  ₱2,353.44
¥15,672.80
List Price:  ¥21,942.55
You save:  ¥6,269.75
MX$2,028.91
List Price:  MX$2,840.56
You save:  MX$811.64
QR366.34
List Price:  QR512.89
You save:  QR146.55
P1,382.59
List Price:  P1,935.69
You save:  P553.09
KSh12,923.70
List Price:  KSh18,093.70
You save:  KSh5,170
E£5,091.27
List Price:  E£7,127.98
You save:  E£2,036.71
ብር12,764.56
List Price:  ብር17,870.89
You save:  ብር5,106.33
Kz91,790.82
List Price:  Kz128,510.82
You save:  Kz36,720
CLP$99,155.08
List Price:  CLP$138,821.08
You save:  CLP$39,666
CN¥729.81
List Price:  CN¥1,021.77
You save:  CN¥291.95
RD$6,104.52
List Price:  RD$8,546.58
You save:  RD$2,442.05
DA13,454.60
List Price:  DA18,836.98
You save:  DA5,382.37
FJ$232.11
List Price:  FJ$324.96
You save:  FJ$92.85
Q773.21
List Price:  Q1,082.52
You save:  Q309.31
GY$21,000.46
List Price:  GY$29,401.48
You save:  GY$8,401.02
ISK kr13,903.60
List Price:  ISK kr19,465.60
You save:  ISK kr5,562
DH1,007.40
List Price:  DH1,410.40
You save:  DH403
L1,841.78
List Price:  L2,578.57
You save:  L736.78
ден5,922.50
List Price:  ден8,291.74
You save:  ден2,369.23
MOP$803.42
List Price:  MOP$1,124.82
You save:  MOP$321.40
N$1,834.70
List Price:  N$2,568.66
You save:  N$733.95
C$3,694.32
List Price:  C$5,172.20
You save:  C$1,477.87
रु13,665.58
List Price:  रु19,132.35
You save:  रु5,466.77
S/374.71
List Price:  S/524.60
You save:  S/149.89
K406.86
List Price:  K569.63
You save:  K162.76
SAR375.72
List Price:  SAR526.02
You save:  SAR150.30
ZK2,777.96
List Price:  ZK3,889.25
You save:  ZK1,111.29
L478.81
List Price:  L670.35
You save:  L191.54
Kč2,418.25
List Price:  Kč3,385.65
You save:  Kč967.40
Ft39,800.47
List Price:  Ft55,722.25
You save:  Ft15,921.78
SEK kr1,103.66
List Price:  SEK kr1,545.17
You save:  SEK kr441.50
ARS$102,190.76
List Price:  ARS$143,071.15
You save:  ARS$40,880.39
Bs693.61
List Price:  Bs971.08
You save:  Bs277.47
COP$437,799.12
List Price:  COP$612,936.28
You save:  COP$175,137.16
₡50,480.33
List Price:  ₡70,674.48
You save:  ₡20,194.15
L2,548.03
List Price:  L3,567.35
You save:  L1,019.31
₲784,126.06
List Price:  ₲1,097,807.85
You save:  ₲313,681.79
$U4,460.41
List Price:  $U6,244.75
You save:  $U1,784.34
zł409.96
List Price:  zł573.96
You save:  zł164
Already have an account? Log In

Transcript

We have come to exercise seven. Now this exercise is a bit more difficult than ones we have done in the past. It will help you review the information we covered for arrays. But it also challenges you in thinking like a programmer. So because this is a bit more difficult than some we've done in the past, I have some additional hints for you. Now once I present the exercise if you'd like to try it without the hints, go ahead and pause the movie at that point before I provide you the hints and see if you're able to be successful.

Then if not, you can come back and get the hints and try it again. Alright, let's take a look at the assignment. So the assignment is pretty simple. It's basically remove all duplicates from this array, and I provided an array for you an array of fruits. Notice there are several duplicates, there's banana twice Key three times an apple twice. Alright, now if you think you can do this without the hands, go ahead and pause it this time and give it a try.

Now here's the hints that I'd like to provide for you. There's multiple ways to solve this problem. One way would be to take the value, assign it to a variable, and then compare that variable to every single element in the array, and then go to the next value and do it again. That would work. However, that might be a bit inefficient. There might be a more efficient way to do that.

And so my hints have to do with making it a little more efficient. The first hint is to sort the array. by sorting the array using the sort method, it will put everything in alphabetical order, that way, all the duplicates will be next to each other. Then you can move through the array, removing duplicates as you move. And you won't have to compare every single element with all of the other elements. Alright, my next hint is that as you're moving through the array and you find duplicates, you're going to remove them with the splice method.

Now, if you're setting up your array with a for loop, which is what you want to do, as you remove elements from the array changes the length of the array so that could affect your loop. So I would suggest that you iterate through the array backwards. So you set up your for loop so you can go through a backwards, then as you remove items is still going in the right direction. You won't get to the end of the array and it will find things that are undefined because you no longer have Anything in that particular index for the array? So that is my next hint. All right, go ahead and pause the movie, give this a try.

Once you have completed it, or you want some further instructions on it, restart the movie. All right, hopefully you were successful with that. So the first thing I'm going to do is I'm going to create a variable, this variable is going to contain the value that I will compare to other values in the array. So I'm going to call it compare Val. Alright, now the first sense I gave you was to sort the array. Now that's pretty simple to do.

Fruits that sort, the sort method. We'll put that array in alphabetical order, now that the array is in alphabetical order, we can move through the array backwards and use a for loop for that, or I equal. Now to move through a backwards we have to set I to the last index of the array. So that would be fruits dot length minus one. Remember it's minus one because the first index is zero, the length is the total number of items, yet the index is zero based. And so Apple, or the last item in the array will be length minus one.

Now we want to run the loop while i is greater than or equal to zero. Once it's less than zero, we're outside of the the index and finally, we want to decrement by Alright, there's our loop. Now let's compare whether items are equal to one another so that we can remove them. So that we'll use an IF conditional. So if, wait, wait. first before we compare, we need to assign a value to our compare Val variable.

So compare Val is equal to fruits. Hi. So we'll just move methodically through that array. Each time we iterate through the array compare Val becomes a new value, a new element in the array. Now let's do the comparison. We're going to compare what's in compare Val to the item in the array that's right before it.

So that will be an IF conditional if compare Val strict equality. So if compare Val is equal to fruits, i minus one. So that will be the item that's right before, compare Val. And if that ends up being equal, then we want to remove and so we use this splice method to do that. So fruits dot splice i. So remove the is that compare Val and we'll remove one item.

Then once the loop is completely done, we can log out the results console dot log Use a two string method to turn it into a string so we can concatenate that to new array, colon. All right, let's save this. Take a look at our results. Pull up that page and open the console. And it looks like it eliminated all of the duplicate items based upon what's displayed here. Now, one more comment about this exercise.

This one was a bit difficult. So when you run into a difficult problem like this, how can you help yourself through it? Well, I think one thing that helps quite a bit is you log out progress. So for example, if you started by logging out fruits after you had sorted it now I jump back and I take a look at that log, I get a picture of what the loop is going to look like. So now I can I can envision this and say okay, so I the first time through is going to be equal to pair, it will compare it to that, that are not equal to so it'll it'll iterate again then is equal this. So compare it to that or not equals or iterate again, I will be this it will compare it to this they are equal, it will remove this goes iterates through the loop again, i minus one, it becomes this one.

And then it compares that one, it removes that one minus one again, it comes to here, and so on. And so by by using console dot log, it can give me an idea what is happening and if I wanted to I could use a console dot log statement here to see what it found that was equal to one another. And maybe I want to use console dot log after I splice it to see what the resulting array looks like. So that can help you through a problem if you're having difficulties with a problem. Now, hopefully you're able to solve this if you weren't, hopefully you, you are able to understand what we did now that we've gone through it. And that's really the key.

Because once you understand those concepts, you'll be able to apply them next time you run into another problem. All right, let's move on to the next section.

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.