KEMBAR78
Java script array methods | PPTX
JavaScript Array Methods
Prof. Neeraj Bhargava
Kapil Chauhan
Department of Computer Science
School of Engineering & Systems Sciences
MDS University, Ajmer
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
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
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
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
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
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
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
Assignment Question
 Explain JavaScript Array Methods with suitable
example.

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  Shiftingis 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  ExplainJavaScript Array Methods with suitable example.