Creating an array is as simple as this:

var cups = [];

You can create a populated array like this:

var cups = [
    {
        color:'Blue'
    },
    {
        color:'Green'
    }
];

You can add more items to the array like this:

cups.push({
    color:"Red"
});

MDN array documentation

Answer from Will P. on Stack Overflow
🌐
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › JavaScript › Reference › Global_Objects › Array
Array - JavaScript - MDN Web Docs
February 24, 2026 - Many DOM objects are array-like — for example, NodeList and HTMLCollection. The arguments object is also array-like.
🌐
W3Schools
w3schools.com › js › js_arrays.asp
JavaScript Arrays
The typeof operator in JavaScript returns "object" for arrays. But, JavaScript arrays are best described as arrays. Arrays use numbers to access its "elements". In this example, person[0] returns John:
🌐
TutorialsPoint
tutorialspoint.com › javascript › javascript_arrays_object.htm
JavaScript - Array
Here is a list of the methods of the Array object along with their description − · These methods are invoked using the Array class itself − · These methods are invoked using the instance of the Array class − · In the following examples, we have demonstrated the usage of basic methods and properties of JavaScript ...
🌐
W3Schools
w3schools.com › jsref › jsref_obj_array.asp
JavaScript Array Reference
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS DSA TYPESCRIPT ANGULAR ANGULARJS GIT POSTGRESQL MONGODB ASP AI R GO KOTLIN SWIFT SASS VUE GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE INTRO TO PROGRAMMING INTRO TO HTML & CSS BASH RUST TOOLS ... Array[ ] Array( ) at() concat() constructor copyWithin() entries() every() fill() filter() find() findIndex() findLast() findLastIndex() flat() flatMap() forEach() from() includes() indexOf() isArray() join() keys() lastIndexOf() length map() of() pop() prototype push() reduce() reduceRight() rest (...) reverse() shift() slice() some() sort() splice() spread (...) toReversed() toSorted() toSpliced() toString() unshift() values() valueOf() with() JS Boolean
🌐
daily.dev
daily.dev › home › blog › get into tech › create array of objects javascript: a beginner's guide
Create Array of Objects JavaScript: A Beginner's Guide
December 22, 2025 - Here, we have a mix: two fruits by name, a true/false value, and an object (think of it as a box with more info inside). ... Learning about arrays is like learning to organize your shopping list better. They can hold all sorts of things, even lists within lists! This makes them a key part of using JavaScript.
🌐
GeeksforGeeks
geeksforgeeks.org › javascript › how-to-access-array-of-objects-in-javascript
How to Access Array of Objects in JavaScript ? - GeeksforGeeks
Using the brackets notation, you access objects in an array by specifying the array's name and the desired index. This method retrieves the entire object at the specified index. To access specific properties, combine it with dot notation for precision. ... Example: The code below demonstrates how we can use the brackets notation to access the elements of the array of objects.
Published   July 23, 2025
🌐
CodeSweetly
codesweetly.com › javascript-array-object
Array Object in JavaScript – Explained with Examples | CodeSweetly
Instead, JavaScript automatically uses each value’s index as its name. ... The square bracket notation is the only way to access any property whose name is a number. Therefore, you can use only the square bracket notation—not the dot syntax—to access an array’s value. Section titled “Important Stuff to Know about an Array Object”
Find elsewhere
🌐
Eloquent JavaScript
eloquentjavascript.net › 04_data.html
Data Structures: Objects and Arrays :: Eloquent JavaScript
When an object is written over multiple lines, indenting it as shown in this example helps with readability. Properties whose names aren’t valid binding names or valid numbers must be quoted: let descriptions = { work: "Went to work", "touched tree": "Touched a tree" }; This means that braces have two meanings in JavaScript.
🌐
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › JavaScript › Reference › Global_Objects › Array › from
Array.from() - JavaScript - MDN Web Docs
For example, if a subclass of Array inherits the from() method, the inherited from() method will return new instances of the subclass instead of Array instances. In fact, the this value can be any constructor function that accepts a single argument representing the length of the new array. When an iterable is passed as items, the constructor is called with no arguments; when an array-like object is passed, the constructor is called with the normalized length of the array-like object.
🌐
JavaScript.info
javascript.info › tutorial › the javascript language › data types
Arrays
An array is a special kind of object. The square brackets used to access a property arr[0] actually come from the object syntax. That’s essentially the same as obj[key], where arr is the object, while numbers are used as keys. They extend objects providing special methods to work with ordered collections of data and also the length property. But at the core it’s still an object. Remember, there are only eight basic data types in JavaScript (see the Data types chapter for more info).
🌐
UniversalClass
universalclass.com › articles › computers › javascript › working-with-javascript-objects-and-arrays.htm
Working with Javascript Objects and Arrays
In JavaScript, an array is another object you use to hold values. Instead of assigning and calling properties, an array lets you call values using an index. An index describes the location of a value stored in memory. With an array object, you defined the number of values you want to store, and retrieve these values based on their associated index.
🌐
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › JavaScript › Reference › Global_Objects › Array › map
Array.prototype.map() - JavaScript - MDN Web Docs
const arrayLike = { length: 3, 0: 2, 1: 3, 2: 4, 3: 5, // ignored by map() since length is 3 }; console.log(Array.prototype.map.call(arrayLike, (x) => x ** 2)); // [ 4, 9, 16 ] This example shows how to iterate through a collection of objects collected by querySelectorAll.
🌐
Scaler
scaler.com › home › topics › what is an array of objects in javascript?
What is an Array of Objects in JavaScript? - Scaler Topics
April 2, 2024 - Here, we get the native code as ... the javascript engine responsible for creating the Array prototype. 2. Length- It returns the length of elements in an array i.e. the number of objects present in the array. ... Above, we use the length properties on the myArr array of objects and also print it on the console. As result, we print 2 on the console. 3. Prototype- Array Prototype property helps to add new methods into the Array, for example- adding all ...
🌐
GeeksforGeeks
geeksforgeeks.org › javascript › difference-between-array-and-array-of-objects-in-javascript
Difference between Array and Array of Objects in JavaScript - GeeksforGeeks
December 13, 2023 - ... let Arr = [1, 2, 3, 4, 5]; // Iterating through loop for (let i = 0; i < Arr.length; i++) { console.log(Arr[i]); } // Pop an element from array Arr.pop(); console.log("After using pop() Method: " + Arr); ... It stores multiple values in ...
🌐
Tutorial Republic
tutorialrepublic.com › javascript-reference › javascript-array-object.php
JavaScript Array Properties and Methods - Tutorial Republic
This chapter contains a brief overview of the properties and method of the global array object. The JavaScript Array object is a global object that is used in the construction of arrays.
🌐
YouTube
youtube.com › bro code
JavaScript ARRAYS of OBJECTS are easy! 🍎 - YouTube
00:00:00 array of objects00:01:29 access object properties00:02:19 push()00:02:59 pop()00:03:11 splice()00:03:28 forEach()00:04:08 map()00:05:18 filter()00:0...
Published   November 21, 2023
Views   20K