YogeshChauhan . com

2 Ways we can create an Array in JavaScript

in JavaScript on December 17, 2020

Creating an Array using Literal

Using an array literal is the easiest way to create a JavaScript Array.

Syntax:


var array_name = [item_1, item_2, item_3, ...];      

Examples


var cars = ["Audi", "Toyota", "Tesla"];
console.log(cars);

// [ 'Audi', 'Toyota', 'Tesla' ]

var cars = ["Audi", "Toyota", "Tesla"];
console.log(cars.length);

// 3

var cars = ["Audi", "Toyota", "Tesla"];
console.log(cars[0]);

// Audi

Creating an Array using new keyword

Syntax:


var array_name = new Array (item_1, item_2, item_3, ...);      

Examples


var cars = new Array("Audi", "Toyota", "Tesla");
console.log(cars);

// [ 'Audi', 'Toyota', 'Tesla' ]

var cars = new Array("Audi", "Toyota", "Tesla");
console.log(cars.length);

// 3

var cars = new Array("Audi", "Toyota", "Tesla");
console.log(cars[0]);

// Audi

Which one should you use to create arrays in JavaScript?

The two examples above do exactly the same. 

📌 For simplicity, readability and execution speed, use the literal way to create JS arrays.

Also, its behavior is predictable for any number of items.

Someone could easily overwrite the array if we use second method (not a realistic situation though):


function Array() { return []; }

alert(Array("Audi", "Toyota", "Tesla")); 

// it will show an empty alert box

Credit: MDN Docs

amazon

Most Read

#1 How to check if radio button is checked or not using JavaScript? #2 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #3 How to add Read More Read Less Button using JavaScript? #4 How to uninstall Cocoapods from the Mac OS? #5 How to Use SQL MAX() Function with Dates? #6 PHP Login System using PDO Part 1: Create User Registration Page

Recently Posted

Jun 16 What are Stored Procedures for SQL Server? Jun 16 What are Class Constants in PHP? Jun 15 A short basic guide on states in React Jun 15 How to define constants in PHP? Jun 15 How to define visibility for a property in PHP? Jun 15 How to use @if and @else in SCSS?

You might also like these

How to retrieve homepage URL in WordPress?WordPressWhat is iFrame in HTML? Why do we need it?HTMLArray.from() Method in JavaScriptJavaScriptHow to implement NSNumberFormatter in Swift for currency?SwiftData Flows in ReactReactinclude, include_once, require, require_once in PHPPHP