How to get the Length of an Array in JavaScript

avatar

Borislav Hadzhiev

Last updated: Oct 15, 2021

banner

Photo from Unsplash

Get the Length of an Array in JavaScript #

To get the length of an array, use the length property. For example, ['a', 'b'].length returns 2. The length property sets or returns the number of elements in the array. When accessed on an empty array, the length property returns 0.

index.js
const arr = ['a', 'b', 'c']; console.log(arr.length); // 👉️ 3 console.log([].length); // 👉️ 0

In the examples, we use the Array.length property to get the number of elements the array contains.

The length property always returns an integer with a positive sign.

The property can also be set by the user.

Here are examples of truncating an array by setting it's length property to a lower value.

index.js
const arr = ['a', 'b', 'c']; arr.length = 1; console.log(arr); // 👉️ ['a'] arr.length = 0; console.log(arr); // 👉️ []

After setting the array's length to 1, only the first element remained in the array.

Setting an array's length property to 0 empties the array.

And here is an example of setting an array's length to a higher value.

index.js
const arr = ['a']; arr.length = 3; console.log(arr); // 👉️ ['a', , ] console.log(arr.length); // 👉️ 3

After we set the array's length to a higher value, the array got filled with empty elements.

All of the empty elements in the array are non-iterable.

It's extremely rare and considered a bad practice to see programmers change the array's length value.

That's because there are specialized methods that allow us to manipulate an array that work in a more predictable manner.

I wrote a book in which I share everything I know about how to become a better, more efficient programmer.
book cover
You can use the search field on my Home Page to filter through all of my articles.