![JavaScript Array Methods
Popping
The pop() method removes the last element from an
array:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
Output: Banana,Orange,Apple,Mango
Banana,Orange,Apple](https://image.slidesharecdn.com/javascriptarraymethods-200408024335/85/Java-script-array-methods-2-320.jpg)
![Pushing
The push() method adds a new element to an array (at
the end):
Example
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
Output:Banana,Orange,Apple,Mango,Kiwi](https://image.slidesharecdn.com/javascriptarraymethods-200408024335/85/Java-script-array-methods-3-320.jpg)
![Shifting Elements
Shifting is equivalent to popping, working on the first
element instead of the last.
The shift() method removes the first array element
and "shifts" all other elements to a lower index.
Example
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
Output: Banana,Orange,Apple,Mango
Orange,Apple,Mango](https://image.slidesharecdn.com/javascriptarraymethods-200408024335/85/Java-script-array-methods-4-320.jpg)
![Splicing an Array
The splice() method can be used to add new items to an array:
Example
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
The first parameter (2) defines the position where new elements
should be added (spliced in).
The second parameter (0) defines how many elements should
be removed.
The rest of the parameters ("Lemon" , "Kiwi") define the new elements
to be added.
Output:Original Array:
Banana,Orange,Apple,Mango
New Array:
Banana,Orange,Lemon,Kiwi,Apple,Mango](https://image.slidesharecdn.com/javascriptarraymethods-200408024335/85/Java-script-array-methods-5-320.jpg)
![Merging (Concatenating) Arrays
The concat() method creates a new array by merging
(concatenating) existing arrays:
Example (Merging Two Arrays)
var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);
Output : Cecilie,Lone,Emil,Tobias,Linus](https://image.slidesharecdn.com/javascriptarraymethods-200408024335/85/Java-script-array-methods-6-320.jpg)
![Merging Three Arrays
var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);
Output:
Cecilie,Lone,Emil,Tobias,Linus,Robin,Morgan](https://image.slidesharecdn.com/javascriptarraymethods-200408024335/85/Java-script-array-methods-7-320.jpg)
![Slicing an Array
The slice() method slices out a piece of an array into a new
array.
This example slices out a part of an array starting from
array element 1 ("Orange"):
Example
var fruits =
["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);
Output: Banana,Orange,Lemon,Apple,Mango
Orange,Lemon,Apple,Mango](https://image.slidesharecdn.com/javascriptarraymethods-200408024335/85/Java-script-array-methods-8-320.jpg)
Java script array methods
- 1. JavaScript Array Methods Prof. Neeraj Bhargava Kapil Chauhan Department of Computer Science School of Engineering & Systems Sciences MDS University, Ajmer
- 2. JavaScript Array Methods Popping The pop() method removes the last element from an array: var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.pop(); Output: Banana,Orange,Apple,Mango Banana,Orange,Apple
- 3. Pushing The push() method adds a new element to an array (at the end): Example var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.push("Kiwi"); Output:Banana,Orange,Apple,Mango,Kiwi
- 4. Shifting Elements Shifting is equivalent to popping, working on the first element instead of the last. The shift() method removes the first array element and "shifts" all other elements to a lower index. Example var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.shift(); Output: Banana,Orange,Apple,Mango Orange,Apple,Mango
- 5. Splicing an Array The splice() method can be used to add new items to an array: Example var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.splice(2, 0, "Lemon", "Kiwi"); The first parameter (2) defines the position where new elements should be added (spliced in). The second parameter (0) defines how many elements should be removed. The rest of the parameters ("Lemon" , "Kiwi") define the new elements to be added. Output:Original Array: Banana,Orange,Apple,Mango New Array: Banana,Orange,Lemon,Kiwi,Apple,Mango
- 6. Merging (Concatenating) Arrays The concat() method creates a new array by merging (concatenating) existing arrays: Example (Merging Two Arrays) var myGirls = ["Cecilie", "Lone"]; var myBoys = ["Emil", "Tobias", "Linus"]; var myChildren = myGirls.concat(myBoys); Output : Cecilie,Lone,Emil,Tobias,Linus
- 7. Merging Three Arrays var arr1 = ["Cecilie", "Lone"]; var arr2 = ["Emil", "Tobias", "Linus"]; var arr3 = ["Robin", "Morgan"]; var myChildren = arr1.concat(arr2, arr3); Output: Cecilie,Lone,Emil,Tobias,Linus,Robin,Morgan
- 8. Slicing an Array The slice() method slices out a piece of an array into a new array. This example slices out a part of an array starting from array element 1 ("Orange"): Example var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; var citrus = fruits.slice(1); Output: Banana,Orange,Lemon,Apple,Mango Orange,Lemon,Apple,Mango
- 9. Assignment Question Explain JavaScript Array Methods with suitable example.