JavaScript Arrays Tutorial

HTML5ANDCSS3Tools and Tutorials

JavaScript Arrays Tutorial - HTML5ANDCSS3

JavaScript Arrays

Written by Swapnil RajaPublished 24 Aug 2026

A JavaScript array stores several values in a single variable.

Instead of one variable for each value, an array holds a whole list under one name.

Each value in the list is called an element.

Example

javascript

const fruits = ["Apple", "Banana", "Mango"];

console.log(fruits.length);

The array holds three values.

The output is 3.

What is an Array?

An array is an ordered list of values written inside square brackets.

The order is kept, so the first value stays first.

PreviousJavaScript this Keyword NextJavaScript Array Access

Complete Example

html

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript Arrays</title>
</head>
<body>

  <h1>JavaScript Arrays</h1>

  <p id="result"></p>

  <script>
    const fruits = ["Apple", "Banana", "Mango"];

    document.getElementById("result").innerHTML =
      "The list has " + fruits.length + " fruits";
  </script>

</body>
</html>

JavaScript Arrays

Example

What is an Array?

Syntax

Creating an Array

Example

The length Property

Example

Mixed Types

Example

Arrays Inside Arrays

Example

const Does Not Freeze an Array

Example

Complete Example

Try It Yourself

Important Points

Conclusion