Using the Splice Method

Modern JavaScript Working with Arrays
5 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

In preparation for exercise seven, we need to talk about the splice method. Part of exercise seven will require this method, which allows you to remove or add to an array. Let's look at the syntax of that method first. So since it is a method of the array object, you would use the dot syntax like you do all other methods. So you have your array dot splice, then the very first number inside the parentheses is the index of the element in the array where you want to make your change. Then the next number is how many elements you want to remove from the array.

That could be zero, which means you would not remove any than another comma, and then you start listing items you want to add to the rate. And those are optional. Those items are awesome. Optional. Because you don't have to add to the array, you could simply remove items from the array. Usually, if someone's adding to an array, they will enter the index, they will enter a zero for how many meaning they're not removing any.

And then they will list the items separated by commas that they want to add to the array. Alright, let's look at a few concrete examples. So here's our array first. It's a fruits array, it contains four fruits. Now let's remove something from it to begin with. So here's the command that would remove something fruits dot splice, we indicate that we want to start at index two.

So bananas, zero. Oranges one apple is two. So we're starting there. We are removing one that will remove Apple so we end up with banana Orange and mango. Okay, let's look at a situation where we would add to the array using the same array. Okay, so the one that wasn't modified with this statement here, but using this array here, we will do fruits dot splice, we start at two again, that's Apple, we remove zero so nothing is removed.

Then we add lemon, comma and Kiwi. Now notice where they show up. Here's the results right here. They show up before apple. And so they show up when you're adding something it gets added prior to the index. So we have banana orange, lemon, kiwi, Apple mango.

All right, let me open the console and do a couple of additional examples. So create an array really quick one we've used in the past We have five numbers in this array. Let's say I wanted to remove 78. It's in the middle of the array, so we can't use some of the methods we've learned in the past, such as pop, so we have to use splice. So array dots, dot splice. Now 78 is 012, it's index two, and we want to remove one.

Now notice what gets returned. Whenever you remove something from an array, it returns that item or items as an array. And it modifies the array you were acting on. So it modifies this array. So let's take a look at that now. So simply enter that and notice 78 is gone 78 was returned as an array.

So if I would have set this equal to variable. If I were to use the assignment operator and put that into a variable, I would have two arrays, one with the 78 in it, and then the the original array with the 78 removed. All right, let's add something to this array. Now. I want to add it at position one. So it's going to come before one which is 56.

I'm not going to remove anything, and I want to add a 78. So one is 56 01. Not going to remove it, we're going to add a 78 and remember it will add it before. Let's go ahead and press return returns an empty array because nothing was removed. Now let's take a look at our existing array. Sure enough, the 78 was added before the 56 so Is the splice method and you'll be using the splice method in this next exercise.

One more thing to be aware of with the splice method. There is also a slice method that you may hear of for the array object. Don't mix that up with splice. splice is great for modifying the array on which you are working and therefore is probably used more frequently. All right, let's get you to exercise seven

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.