Skip to main content

JavaScript array

JavaScript arrays are used to store multiple values in a single variable. They are like sets in mathematics. It stores a fixed-size sequential collection of elements of the same type. An array is used to store a collection of data.
You can create an array as
JS
var myarray = new Array(element1,element2,element3);
//or
var myarray2 = [element1, element2, element3];
The maximum length allowed for an array is 4,294,967,295.
Spaces and line breaks are not important. A declaration can span multiple lines
JS
var socialMedia = [
    "Facebook",
    "Twitter",
    "Instagram",
    "Snapchat",
    "Hike"
];

Access the Elements of an Array


You refer to an array element by referring to the index number.You can also use them to edit the value of element, add element or to assign the value to a variable.
This will assign the value of 2nd element of array socialMedia to a new variable.
JS
var medium = socialMedia[1];
This statement will change the value of element
JS
socialMedia[3] = "Medium";
Remember that the counting starts from 0 not 1

Arrays are special type of objects. The typeof operator returns "object" for the arrays

Array element can be anything

You can have objects in an Array. You can have functions in an Array. You can have arrays in an Array:
JS
myArray[0] = Date.now;
myArray[1] = myFunction;
myArray[2] = socialMedia;

The length property


The length property returns the length of an array(number of elements present in an array).
JS
var companies = ["Microsoft", "IBM", "Apple", "Google"];
companies.length;
// the length of companies is 4

Adding Array elements


The easiest way to add an element in an array is using array's push method
JS
var companies = ["Microsoft", "IBM", "Apple", "Google"];
companies.push("Hathaway");
You can also use the index values to add or edit an element
JS
var companies = ["Microsoft", "IBM", "Apple", "Google"];
companies[5] = "Hathaway";
Remember that using this method we also create undefined elements. For example as we had 4 elements in array and we added an element with index 5, hence on 6th place so we created undefined values for 4th and 5th elements

Recognizing an array


Since the typeof operator returns the value object for an array, we need to use different methods to recognize an array.
JS
var companies = ["Microsoft", "IBM", "Apple", "Google"];
typeof companies;
//returns object
We may use Array.isArray() method of an array.
JS
Array.isArray(companies);
//returns true
Or we may use the instanceof method
JS
companies instanceof Array;
//returns true

Comments

Popular posts from this blog

CSS animations , flying rocket and rotating cube.

Learning CSS ANIMATIONS CSS animations are great and always been attractive for everyone. Today here I am gonna teach you the animation in which a font-awesome rocket is flying between the clouds and also a 3D rotating cube with perspective. The rocket animation is 2D and made with the help of font-awesome and css transform property. You can download the source file of flying rocket by Here  . For the full tutorial Go to  Rocket animation css tutorial  . Download the source file of rotating cube by  Here  . For full tutorial go to  to this link  .

Basic CSS , Introduction to properties

CSS is a stylesheet language which runs in users browser to give a rich and decorative user-experience.Currently the latest version available of CSS is 3 and CSS4 is going to arrive with many new features. CSS3 brought many new features like Animations , transforms etc. Today here we are gonna cover all the basic properties used in CSS , which you are gonna use most of the time. The colors supported in CSS can be written in the form of hsba() or hsb() or rgb() or rgba() or hexadecimal or in color names. Color Opacity Background Border Box-shadow Height and Width Position Margins and paddings Display Text-Align Font Properties : Color The color property sets color of the text inside the selector. CSS p { color : red ; } //produces Hello world! CSS p { color : rgb ( 38 , 98 , 67 ) ; } //produces Hello world! Opacity The color property sets opacity of any selected element. It varies from 0 (invisbile) to 1(fully visbile) CSS p {...

STORAGE API - Web development Tutorials

The HTML5 brought a lots of amazing technologies in the web . It also brought API called  Storage API . This api is used to set and retrieve data stored on user's device. This is better than  cookies . 1. Apart from being an old way of saving data, Cookies give you a limit of 4096 bytes (4095, actually) - its per cookie. Local Storage is as big as 5MB per domain. 2.  localStorage  is an implementation of the Storage Interface. It stores data with no expiration date, and gets cleared only through JavaScript, or clearing the Browser Cache / Locally Stored Data - unlike cookie expiry. As you may have thought this property can be accessed using  window  object. This api has two properties namely  sessionStorage and  localStorage .(Remember we use camelcase in the name). As you may have assumed the  localStorage  property stores data on user's device until it is deleted by the user (clearing cache) or by the script itself , w...