how to display an array in javascript code example

Example 1: list javascript

//Creating a list
var fruits = ["Apple", "Banana", "Cherry"];

//Creating an empty list
var books = [];

//Getting element of list
//Lists are ordered using indexes
//The first element in an list has an index of 0, 
//the second an index of 1,
//the third an index of 2,
//and so on.
console.log(fruits[0]) //This prints the first element 
//in the list fruits, which in this case is "Apple"

//Adding to lists
fruits.push("Orange") //This will add orange to the end of the list "fruits"
fruits[1]="Blueberry" //The second element will be changed to Blueberry

//Removing from lists
fruits.splice(0, 1) //This will remove the first element,
//in this case Apple, from the list
fruits.splice(0, 2) //Will remove first and second element
//Splice goes from index of first argument to index of second argument (excluding second argument)

Example 2: how to read an array in javascript in HTML5

<body>
  <h1>Creating Arrays</h1>
  <h2>Regular:</h2>
  <script language="JavaScript">
    // Create the array.
    var Colors = new Array();
    // Fill the array with data.
    Colors[0] = "Blue";
    Colors[1] = "Green";
    Colors[2] = "Purple";
    // Display the content onscreen.
    document.write(Colors);
  </script>
  <h2>Condensed:</h2>
  <script language="JavaScript">
    // Create the array and fill it with data.
    var Colors = new Array("Blue", "Green", "Purple");
    // Display the content onscreen.
    document.write(Colors);
  </script>
  <h2>Literal:</h2>
  <script language="JavaScript">
    // Create the array and fill it with data.
    var Colors = ["Blue", "Green", "Purple"];
    // Display the content onscreen.
    document.write(Colors);
  </script>
</body>

Tags:

Javascript Example

Recent Posts