In this JavaScript tutorial, we will create an Array and then read and write its elements. Then we will see how to add and remove elements in the Arrays. Finally we will see how to join two JavaScript arrays.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
<!DOCTYPE HTML> <HTML> <HEAD> <TITLE>Learn Java Script</TITLE> </HEAD> <BODY> <script type="text/javascript" > //Sample 01: Declare Arrays var array1 = new Array("One", "Two", "Three", "Four"); var array2 = new Array(1,2,3,4,5); var array3 = [1,"Two",3,4,"Five"]; var array4 = [12,17,3,6,7,34,11,44,9]; //Sample 02: Write Array Content document.write("<h3> Array Contents </h3>"); document.write("Array 1 :" + array1 + "<br/>"); document.write("Array 2 :" + array2 + "<br/>"); document.write("Array 3 :" + array3 + "<br/>"); document.write("Array 4 :" + array4 + "<br/>"); //Sample 03: Pick Specific Element document.write("<h3> Pick Specific Element </h3>"); document.write("array1[3] :" + array1[3] + "<br/>"); //Sample 04: Remove Array Elements document.write("<h3> Get Last Element & Remove </h3>"); document.write("array2 Pop Element :" + array2.pop() + "<br/>"); document.write("array2 After Pop :" + array2 + "<br/>"); document.write("<h3> Get First Element and Remove </h3>"); document.write("array2 Pop Element :" + array2.shift() + "<br/>"); document.write("array2 After Shift :" + array2 + "<br/>"); //Sample 05: Add Elements array2.push(5); document.write("Array 2 (after push 5) :" + array2 + "<br/>"); array2.unshift(1); document.write("Array 2 (unshift 1):" + array2 + "<br/>"); //Sample 05: Join Two Arrays document.write("<h3> Join Two Arrays </h3>"); var array5 = array1.concat(array2); document.write("Array 1 :" + array1 + "<br/>"); document.write("Array 2 :" + array2 + "<br/>"); document.write("Array 5 :" + array5 + "<br/>"); document.write("array5[2] :" + array5[2] + "<br/>"); document.write("array5[5] :" + array5[5] + "<br/>"); </script> </BODY> </HTML> |
Categories: JavaScript-Tube
Do you like this Example? Please comment about it for others!!
This site uses Akismet to reduce spam. Learn how your comment data is processed.