Displaying all elements of an array
We used one for loop to display all elements of an array by using their index. To identify how many loops we have to make we must know the total number of elements present inside the array. That we can find out like this
array_name.lengthDisplaying elements of an Array
You can check our tutorial on creating array to create an array and now we will try to display each element of the array. Here is the code.
var scripts = new Array();
scripts[0] = "PHP";
scripts[1] = "ASP";
scripts[2] = "JavaScript";
scripts[3] = "HTML";
for (i=0;i<scripts.length;i++)
{
document.write(scripts[i] + "<br >");
}
scripts[0] is the first element of the array and scripts[3] is the last or 4th element of the array.
Using toString()
<script>
var scripts = new Array();
scripts[0] = "PHP";
scripts[1] = "ASP";
scripts[2] = "JavaScript";
scripts[3] = "HTML";
document.write( scripts.toString());
</script>PHP,ASP,JavaScript,HTMLUsing Join
<script type="text/javascript">
var scripts = new Array();
scripts[0] = "PHP";
scripts[1] = "ASP";
scripts[2] = "JavaScript";
scripts[3] = "HTML";
var str=scripts.join(" : ");
document.write(str);
//document.write(scripts.join(" <br> "));
</script>
PHP : ASP : JavaScript : HTML Displaying single element of an array
By using key we can display any element of an array.document.write(scripts[2]); // Output is JavaScriptReturning Last element of the Array
The first element starts from 0 hence to show the last element of the array we have subtract one from total number of elements present in the array.document.write(scripts[scripts.length-1]); // Output is HTML
Returning First element of the Array
document.write(scripts[0]); // Output is PHP
add or remove elements at any position of an array by using splice method
Returning all elements with Key
<script>
var scripts = new Array();
scripts[0] = "PHP";
scripts[1] = "ASP";
scripts[2] = "JavaScript";
scripts[3] = "HTML";
for (var key in scripts) {
document.write("key : " + key + " =>value: " + scripts[key] + "<br>");
}
</script>key : 0 =>value: PHP
key : 1 =>value: ASP
key : 2 =>value: JavaScript
key : 3 =>value: HTMLArray Reference
This article is written by plus2net.com team.
More on JavaScript Arrays : Create , display and Applications
JavaScript Array Displaying elements of an array by looping through join():Displaying elements of an array using join() function sort():Sorting of elements of an array using function length:Length property to get the total number of elements in an array reverse():Reversing the elements of an array pop():Removeing last element of an array by using pop() shift():Removeing first element of an array using shift() Removeing all element of an array push():Adding elements to array using push() unshift():Adding elements to array using unshift() splice():Add replace remove elements from an array using splice() split():Creating array by splitting string variable toString: To join all elements and create a string concat: To join two or more arrays to a single array slice: To return element from an array with starting and ending positions Two Dimensional Array: Adding and displaying elements searching for matching element inside an array by using indexOf function All elements of the array separated by comma