Array Example – Data Type – JavaScript Syntax – JS Array Example

Array Example – Data Type – JavaScript Syntax – JS Array Example

Purpose: – Illustrates the for the example.
Prerequistes:

Syntax: var arrayname[“item1″,”item2”,…] – Demonstrates creating various types of arrays.

Restrictions: None

Notes:

  • You can build your own library of syntax examples by using same web site over and over and just add new files to it.

Instructions:

  1. Use Visual Web Developer 2008
  2. Create new web site;
    • Click File/New Web Site
    • Select ASP.NET Website Template
    • Select C-Sharp for Language
    • name of Web Site could be JavaScript_Syntax.
  3. Add New folder named “DataType”
    • Right-click project name in solution explorer;
    • add new folder;
    • name of folder could be: DataType
  4. Add HTML Page Named Array to DataType folder
    • Right-click DataType folder;
    • add new item;
    • Select HTML Page
    • HTML Page could be Array
  5. Click on copy code in code below to copy code into HTML Page Array.htm
  6. Right-click on HTML page Array and select view in browser
  7. View Example In Browser

    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    <html>
      <head>
        <title>Array literal</title>
        <script type="text/javascript" >
            //*****************************************************
            // Three ways to create an array
            //*****************************************************
            //1. Literal Array
            var myfruits = ["apples", "bananas", "canalope"]; //literal
     
            //2. Condensed Array
            var myColors = new Array("red", "green", "blue"); // condensed array
     
            //3. Regular Array - you can add an optional number when defining array to control arrays
            //   size
            var myAnimals = new Array(); // regular array (add an optional integer
            myAnimals[0] = "Loins";       // argument to control array's size)
            myAnimals[1] = "Tigers";
            myAnimals[2] = "Bears";
     
            //*****************************************************
            // Two Ways to Access an array
            //*****************************************************
     
            //1. Access the entire array
            document.write(myfruits);
            document.write("<br />");
     
     
            //2. Access an element
            document.write(myColors[1]);
            document.write("<br />");
     
            //******************************************************
            // How to modify an array
            //******************************************************
            myColors[0] = "Pink"
            document.write(myColors);
     
     
        </script>
      </head>
      <body>
      </body>
    </html>