JavaScript Array Vs JavaScript Object – Complete guide


Most of the new developers faces huge trouble to identify the difference between JavaScript Array and JavaScript Object. This particular post will help you to pass your initial hurdle and you will be able to play efficiently with JavaScript Array and JavaScript Object

How to Define JavasCript Array?

//
// Declaring an Array
var myArray = new Array(); // Using Array Constructor, try to avoid this
var myArray = Array(); // not preferred
var myArray = []; // Using Array literal, always use this.

// Declaring and initialising 
var myArray = new Array(element1,element2,element3);
var myArray = Array(element1,element2,element3);
var myArray = [element1,element2,element3]; // preferred array


var myArray = new Array(10,20) // create an array with 2 elements
var myArray = new Array(20) // create an array with 20 undefined elements

var myArray = Array(10,20) // create an array with 2 elements
var myArray = Array(20) // create an array with 20 undefined elements

var myArray = [];
myArray.Length = 20 // create an array with 20 undefined elements


var anotherArray=[3,4,"first String",9,{element1:"another string"}] // array with mixed type element
//

How to Define a JavaScript Object?

var myArray = new Object(); // Using Object Constructor, try to avoid this
var myObject = {}; // Using Object literal, always use this.

//Think about objects as associative arrays, i.e. list of key -> value pairs.
//These keys are referred to as object properties.
//Follow this pattern when declaring new objects:
var myObject = {
    property1: "this is a string",
    property2: "this is another string",
    property3: ["item 1", "item 2", 1, 2, {}],
    // Note above, we have different data types in the array:
    // two strings, two ints/numbers and one empty object.
    // This is completely legal in javascript.
    property4: { someProperty: "and so on..." } // another object inside a property
    property5: { prop: [element0, element1, ...., elementN] } // another object inside a property
  };
myObject.newProperty = "Some String"; // adding a new property

So visually you can identify an array or a object by just following the initial brackets. For array it is [] and for object it is {}.

Mastering Javascript Part -1, JavaScrip Cheat Sheet 1