Exforsys

JavaScript Tutorial

  1. JavaScript Browser Objects Part 2
  2. JavaScript Frame object
  3. JavaScript Form Object
  4. JavaScript FileUpload Object
  5. JavaScript Event Object Properties and Methods
  6. JavaScript Event Object
  7. JavaScript Elements and Embed Objects
  8. JavaScript Applet Objects
  9. JavaScript Browser Objects
  10. JavaScript Object Oriented Features
  11. JavaScript Window Object Open Method Part 2
  12. JavaScript Window Object Open Method
  13. JavaScript Window Object Timeout Methods
  14. JavaScript Location Object
  15. JavaScript Location Object Properties
  16. JavaScript History Object Properties and Methods
  17. JavaScript Document Object Methods Part II
  18. JavaScript Document Object Methods Part I
  19. JavaScript Document Object Properties
  20. JavaScript Document Object
  21. JavaScript Windows Object Properties Part II
  22. JavaScript Windows Object Properties Part I
  23. JavaScript DOM Window Object
  24. Working with JavaScript DOM Objects
  25. JavaScript Array Object Methods – Part II
  26. JavaScript Array Object
  27. JavaScript Array Object Methods – Part I
  28. JavaScript Boolean Object
  29. JavaScript OnError Event
  30. JavaScript Exception Handling – Part II
  31. JavaScript Exception Handling – Part I
  32. JavaScript Event Handler
  33. JavaScript Events Handling
  34. JavaScript Array Operations
  35. JavaScript Two Dimensional Arrays
  36. Passing values to JavaScript Function
  37. JavaScript Functions
  38. JavaScript Arrays
  39. JavaScript Iterative Structures - Part II
  40. JavaScript Iterative Structures - Part I
  41. JavaScript Math Object
  42. JavaScript Date Object
  43. JavaScript String Object
  44. JavaScript Objects
  45. JavaScript Confirm Box
  46. JavaScript Alert Box
  47. JavaScript Conditional Statements Part 2
  48. JavaScript Conditional Statements Part 1
  49. How to use JavaScript in HTML page
  50. JavaScript Variables
  51. JavaScript Features
  52. JavaScript Introduction

Ads


Home arrow Technical Training arrow JavaScript Tutorial

push() and reverse() ArrayObject Methods

Page 2 of 2
Author : Exforsys Inc.     Published on: 17th Jul 2007

JavaScript Array Object Methods – Part I

push()

push() method of an array object contrasts to the pop() method. push() method is used to add one or more elements to the array. This is added to the end of the array, changing the length of the array object. The new length is returned by the push() method.

Ads

General syntax of the push() method of the Array object of JavaScript:

arrayObject.push(element1,element2,....,elementn)

Here element1, element2,...., elementn represents the new elements to be added to the array object. It is required that at least element1 must be present. This means, in order for it to be added, there must be at least one element specified in argument of the push().

An example to understand this concept in detail:


<html>
   <
body>
      <
script type="text/javascript">
      
var exforsys = new Array(4)
       exforsys[0] = "Welcome"
       exforsys[1] = "To"
       exforsys[2] = "Exforsys"
       exforsys[3] = "Training"
       document.write(exforsys + "<br />")
       document.write(exforsys.push("Good Day") + "<br />")
       document.write(exforsys)         

      </script>
   </
body>
</
html>


The output of the code above will be:
 


Welcome,To,Exforsys,Training
5
Welcome,To,Exforsys,Training,Good Day

In the above example, the array object exforsys elements are first outputted and then the push() method with arguments as "Good Day" is used with the array object exforsys. This adds the element after the last element. Therefore, the length of the array changes to 5 and this is then outputted. As shown in the last result, the array is printed with the new elements added to it.

reverse()

As the name implies, the reverse() method of the Array object reverses the order of the elements in an array, using the first element as the last element and the last element as the first element. The original array is changed by using the reverse() method.

General syntax of the reverse() method of the Array object of JavaScript:

arrayObject.reverse()

An example to understand this concept in detail:


<html>
   <
body>
      <
script type="text/javascript">
         var exforsys = new Array(4)
         exforsys[0] = "Welcome"
         exforsys[1] = "To"
         exforsys[2] = "Exforsys"
         exforsys[3] = "Training"
         document.write(exforsys + "<br />")
         document.write(exforsys.reverse()
         + "<br />")
         

      </script>
   </
body>
</
html>

The output of the code above will be:


Welcome,To,Exforsys,Training
Training,To,Exforsys,Welcome

Ads

In the above example first the elements of the array object exforsys is printed as such and then the reverse() method is sued with the exforsys array object and so the first element "Welcome" is made as the last element and the last element "Training" is made as the last first element and changed array is printed



 
This tutorial is part of a JavaScript Tutorial tutorial series. Read it from the beginning and learn yourself.

JavaScript Tutorial

  1. JavaScript Browser Objects Part 2
  2. JavaScript Frame object
  3. JavaScript Form Object
  4. JavaScript FileUpload Object
  5. JavaScript Event Object Properties and Methods
  6. JavaScript Event Object
  7. JavaScript Elements and Embed Objects
  8. JavaScript Applet Objects
  9. JavaScript Browser Objects
  10. JavaScript Object Oriented Features
  11. JavaScript Window Object Open Method Part 2
  12. JavaScript Window Object Open Method
  13. JavaScript Window Object Timeout Methods
  14. JavaScript Location Object
  15. JavaScript Location Object Properties
  16. JavaScript History Object Properties and Methods
  17. JavaScript Document Object Methods Part II
  18. JavaScript Document Object Methods Part I
  19. JavaScript Document Object Properties
  20. JavaScript Document Object
  21. JavaScript Windows Object Properties Part II
  22. JavaScript Windows Object Properties Part I
  23. JavaScript DOM Window Object
  24. Working with JavaScript DOM Objects
  25. JavaScript Array Object Methods – Part II
  26. JavaScript Array Object
  27. JavaScript Array Object Methods – Part I
  28. JavaScript Boolean Object
  29. JavaScript OnError Event
  30. JavaScript Exception Handling – Part II
  31. JavaScript Exception Handling – Part I
  32. JavaScript Event Handler
  33. JavaScript Events Handling
  34. JavaScript Array Operations
  35. JavaScript Two Dimensional Arrays
  36. Passing values to JavaScript Function
  37. JavaScript Functions
  38. JavaScript Arrays
  39. JavaScript Iterative Structures - Part II
  40. JavaScript Iterative Structures - Part I
  41. JavaScript Math Object
  42. JavaScript Date Object
  43. JavaScript String Object
  44. JavaScript Objects
  45. JavaScript Confirm Box
  46. JavaScript Alert Box
  47. JavaScript Conditional Statements Part 2
  48. JavaScript Conditional Statements Part 1
  49. How to use JavaScript in HTML page
  50. JavaScript Variables
  51. JavaScript Features
  52. JavaScript Introduction
 

Comments