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 {}.