Link for all dot net and sql server video tutorial playlists
http://www.youtube.com/user/kudvenkat/playlists
Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspot.com/2014/12/arrays-in-javascript.html
Arrays are collections and ZERO indexed. This means the first element is at index ZERO and the last element is at index arrayObject.length – 1. length property of the array object returns the size of the array.
The following JavaScript code creates an empty array. length property returns 0 in this case.
var emptyArray = [];
alert(emptyArray.length);
Output : 0
Another way to create an array is by busing the Array constructor as shown below. In this example we are setting the length of the array to 10.
var myArray = new Array(10);
alert(myArray.length);
Output : 10
Retrieving first and last elements from the array using the array index
var myArray = [10, 20, 30];
document.write(“First element = ” + myArray[0] + “[br/]”);
document.write(“Last element = ” + myArray[myArray.length – 1] + “[br/]”);
Output :
First element = 10
Last element = 30
Populating an array in JavaScript : There are several ways to populate an array in JavaScript. Let’s look at those different option now.
Declaring an array first and then populating using the array index
var myArray = [];
myArray[0] = 10;
myArray[1] = 20;
myArray[2] = 30;
alert(myArray);
Output : 10, 20, 30
Declaring and populating the array at the same time
var myArray = [10, 20, 30];
alert(myArray);
Output : 10, 20, 30
Declaring an array first using the Array constructor and then populating using the array index. Though the initial size is set to 3, adding a fourth element to the array will not throw an exception, because arrays in JavaScript can grow in size.
var myArray = new Array(3);
myArray[0] = 10;
myArray[1] = 20;
myArray[2] = 30;
alert(myArray);
Output : 10, 20, 30
Declaring and populating the array at the same time using the Array constructor
var myArray = new Array(10, 20, 30);
alert(myArray);
Output : 10, 20, 30
Please note : If only one number is passed to the Array constructor, then that number is used to set the size of the array. If more that one number is passed then those will be used as elements to populate the array.
A for loop can be used to populate and retrieve elements from the array object in JavaScript
Populating an array using for loop : The following JavaScript code stores even numbers in the array from 0 to 10. Notice that we are using a for loop to populate the array.
var evenNumbersArray = [];
for (var i = 0; i [= 5; i++)
{
evenNumbersArray[i] = i * 2;
}
alert(evenNumbersArray);
Output : 0,2,4,6,8,10
Retrieving elements from the array using for loop :
var evenNumbersArray = [];
for (var i = 0; i [= 5; i++)
{
evenNumbersArray[i] = i * 2;
}
for (var i = 0; i [ evenNumbersArray.length; i++)
{
document.write(evenNumbersArray[i] + “[br/]”);
}
Output :
0
2
4
6
8
10
Original source
13 responses to “Arrays in javascript”
This is completely vica verse syntax than C# lol (brackets)
Nicely explained sir
You explained it better than a paid course on Udemy.
I like how you whisper in my ears.
is multi dimension array not possible in javascript?
document.getElementById('demo4').innerHTML = populateArray + '<br>';
When i am trying to get it through getElementById means, i couldnt get a result like below code
document.write(populateArrayfor[i] + "<br>")
Amazing
Appreciate the video, you answered my exact question i came here for at 2:40 with good information all along!
thanks very much sir
Thanks Alot Sir… This tutorial Cleared my arrays concept…Very helpful video for beginners like me.
Thx again master..
sir, i know this is JavaScript Tutorial, I have one doubt related to SQL. Why we can not use Stored Procedure in Function. Please Answer when you are free.
Thanks for the video. Could u pls explain some advanced array techniques such as doing arithmetic with the elements of an array eg adding the 1st two elements together and then comparing the sum to the next element in the array? Thanks