Javascript array object example

Javascript array object:

A JavaScript Array object represents a collection of elements of the same type.

How to create javascript array object:

1. By using array literals.
2. By using Array() constructor.

By using array literals:

When we create a string literal browser automatically converts it to String object.

Syntax:

var array1 = ["element1","element2","elementN"];

Example:

<html>
<body>
<script>  
var student=["Bharti","Shaveta","Deepika"];  
for (i=0;i<student.length;i++){  
document.write(student[i] + "<br/>");  
}  
</script>  
</body>
</html>

Try it:

JS Bin on jsbin.com
 

By using Array() constructor:

We can create a JavaScript Array object by using Array() constructor.

Syntax:

var array1 = new Array(“element1”, “element2”, “elementN”);

Examlple:

<html>
<body>
<script>  
var student=new Array("Jai","Bharat","Richie");  
for (i=0;i<student.length;i++){  
document.write(student[i] + "<br/>");  
}  
</script>  
</body>
</html>

Try it:

JS Bin on jsbin.com
 

JavaScript Array Object Properties:

Property Description
constructor Returns a reference to the array function that created the object.
length It reflects the number of elements in an array.
prototype It allows us to add properties and methods to an object.

JavaScript Array Object Methods:

Method Description
concat() Returns a new array comprised of this array joined with other array(s) and/or value(s).
every() Returns true if every element in this array satisfies the provided testing function.
filter() Creates a new array with all of the elements of this array for which the provided filtering function returns true.
forEach() Calls a function for each element in the array.
indexOf() Returns the first (least) index of an element within the array equal to the specified value, or -1 if none is found.
join() Joins all elements of an array into a string.
lastIndexOf() Returns the last (greatest) index of an element within the array equal to the specified value, or -1 if none is found.
map() Creates a new array with the results of calling a provided function on every element in this array.
pop() Removes the last element from an array and returns that element.
push() Adds one or more elements to the end of an array and returns the new length of the array.
reduce() Apply a function simultaneously against two values of the array (from left-to-right) as to reduce it to a single value.
reduceRight() Apply a function simultaneously against two values of the array (from right-to-left) as to reduce it to a single value.
reverse() Reverses the order of the elements of an array — the first becomes the last, and the last becomes the first.
shift() Removes the first element from an array and returns that element.
slice() Extracts a section of an array and returns a new array.
some() Returns true if at least one element in this array satisfies the provided testing function.
toSource() Represents the source code of an object
sort() Represents the source code of an object
splice() Adds and/or removes elements from an array.
toString() Returns a string representing the array and its elements.
unshift() Adds one or more elements to the front of an array and returns the new length of the array.