Sunday, March 15, 2020

JavaScript - Array object with examples



Hello guys! morning to you all. Also wishing you a happy Sunday, since we are in the era of Coronavirus disease (COVID-19), i will advice you guys to always be careful, always keep a nice distance from the next person, wash your hands always and also try and have a face mask. Well back to the main topic on ground, in my last tutorial post i discussed about how to implement JavaScript String Html Wrappers, therefore rounding up my tutorials on String Object.

Am going to be discussing about Arrays Object from this very tutorial and i hope you guys will follow up with me and also ask questions if you find anything difficult to understand.

The Array object lets you store multiple values in a single variable. It stores a fixed-size sequential collection of elements of the same type. An array is used to store collection of data, but it is often more useful  to think of an array as a collection of variables of the same type.

Syntax

You can use the following syntax below to create an Array object:

var  fruits = new Array(  "orange",   "pear",  "strawberry"  );

The Array parameter is a list of strings or integers. When you specify a single numeric parameter with the Array constructor, you specify the initial length of the array. The maximum length allowed for an array is 4,294,967,295.

You can create an array by simply assigning values as follows:

var  fruits = [  "orange",  "pear",  "strawberry"  ];

You will use ordinal numbers to access and to set values inside an array as follows:

fruits[0] is the first element 
fruits[1] is the second element 
fruits[2] is the third element 

You can also check out our tutorial post on: Python on OS X


Array Properties

Here is a list of the properties of the Array object along with their various description.

Sr.No.Property & Description
1constructor
Returns a reference to the array function that created the object.
2
index
The property represents the zero-based index of the match in the string
3
input
This property is only present in arrays created by regular expression matches.
4length
Reflects the number of elements in an array.
5prototype
The prototype property allows you to add properties and methods to an object.
In my up coming tutorials, we will have a few examples to illustrate the usage of Array properties so you can have a better understanding of what we are discussing about.

You can also read our tutorial post on: Css border


Array Methods

Here is a list of the methods of the Array object along with their various description.

Sr.No.Method & Description
1concat()
Returns a new array comprised of this array joined with other array(s) and/or value(s).
2every()
Returns true if every element in this array satisfies the provided testing function.
3filter()
Creates a new array with all of the elements of this array for which the provided filtering function returns true.
4forEach()
Calls a function for each element in the array.
5indexOf()
Returns the first (least) index of an element within the array equal to the specified value, or -1 if none is found.
6join()
Joins all elements of an array into a string.
7lastIndexOf()
Returns the last (greatest) index of an element within the array equal to the specified value, or -1 if none is found.
8map()
Creates a new array with the results of calling a provided function on every element in this array.
9pop()
Removes the last element from an array and returns that element.
10push()
Adds one or more elements to the end of an array and returns the new length of the array.
11reduce()
Apply a function simultaneously against two values of the array (from left-to-right) as to reduce it to a single value.
12reduceRight()
Apply a function simultaneously against two values of the array (from right-to-left) as to reduce it to a single value.
13reverse()
Reverses the order of the elements of an array -- the first becomes the last, and the last becomes the first.
14shift()
Removes the first element from an array and returns that element.
15slice()
Extracts a section of an array and returns a new array.
16some()
Returns true if at least one element in this array satisfies the provided testing function.
17toSource()
Represents the source code of an object
18sort()
Sorts the elements of an array
19splice()
Adds and/or removes elements from an array.
20toString()
Returns a string representing the array and its elements.
21unshift()
Adds one or more elements to the front of an array and returns the new length of the array.
In the next sections of my tutorial on JavaScript Object, we will have a few examples to explain the usage of Array Object.

You can also check out our tutorial post on: JavaScript - Switch Case

Alright guys! we have come to the end of this tutorial. In my next tutorial i will be using series of examples to explain how to implement the various JavaScript Array properties. Feel free to drop your questions via the comment box and i will attend to them as soon as possible.

Follow us on our various social media handles to stay updated with our latest tutorials, also subscribe to our newsletter to get our tutorials delivered directly to your emails. You can use the share button to share this tutorial post.

Thank you for reading and bye for now.
Share:

0 comments:

Post a Comment