We can store any valid values such as objects, numbers, strings, functions, and also other arrays, which make it possible to create complex data structures like an array of arrays or an array of objects.
There are two ways of declaring an array.
The array parameter contains the list of integers and strings. It is recommended to use an array literal for creating an array instead of using the new keyword.
The new keyword only complicates the code, and sometimes it produces unexpected results. If you specify a single numeric parameter in the constructor of an array (or creating an array with the new keyword), then it will be treated as the length of an array.
Note: The maximum length allowed for an array is 4,294,967,295.
Suppose a declaration such as var num = [1,2,3,4] will give you an array as shown below:
Accessing Array elements
Arrays are indexed from 0. The array name followed by the subscript is used for referring an array element.
We can also create an array by using the array constructor. Array constructor can be passed as:
The following example will show you the illustration for the same:
Example - Single Numeric Value
0 5 10 15 20
Example - Comma Separated Values
1 2 3 4 5
ES6 Multidimensional Arrays
ES6 also supports the multidimensional array concept. A multidimensional array can be defined as an array reference to another array for its value.
We can also say that a two-dimensional array is the simplest form of a multidimensional array.
Accessing of Two-dimensional element of array
2 3 4 4 9 16
Passing Array to function
Passing array as an argument to a function, you have to specify the array name (a reference to an array) without brackets. Let us try to understand it with the following example.
Violet Indigo Blue Green Yellow Orange Red
Return Array from function
It allows a function to return an array.
Blue Red Green Yellow
Array methods in ES6 are useful to work with data stored in arrays. Array methods are used to perform complex tasks easily with arrays.
You can learn more about array methods by clicking on this link ES6 Array methods
ES6 provides us a new feature called a destructuring assignment, which allows us to extract specific items from objects and arrays and place them into variables by using a shorthand syntax. It not only helps to reduce the code but also change the way of structuring the code. It is the process of breaking a structure.
Destructuring means to break down a complex structure into simpler parts. With the syntax of destructuring, you can extract smaller fragments from objects and arrays. It can be used for assignments and declaration of a variable.
To learn more about array destructuring, you can click on this link ES6 Array destructuring.
It is similar to array destructuring except that instead of values being pulled out of an array, the properties (or keys) and their corresponding values can be pulled out from an object.
To learn more about object destructuring, you can click on this link ES6 Object destructuring.