JavaScript RangeError – Invalid array length

Last Updated : 24 Jan, 2023

This JavaScript exception Invalid array length occurs when creating an Array or an ArrayBuffer of the array length either negative or greater than or equal to 2^32. It can also occur if the length property is set manually to a value either negative or greater than or equal to 2³².

Output message:

RangeError: Array length must be a finite positive integer (Edge)
RangeError: invalid array length (Firefox)
RangeError: Invalid array length (Chrome)
RangeError: Invalid array buffer length (Chrome)

Error Type:

RangeError

Cause of the error: The length of an Array or an ArrayBuffer can only be represented by an unsigned 32-bit integer, which only stores values ranging from 0 to 2³²-1. While creating an Array or an ArrayBuffer, if the array length is either negative or greater than or equal to 2³²then this error occurs.

Example 1: In this example, the length property is set to 6, which is a valid value, therefore no error occurred.

HTML

<head> 
    <script src= 
"https://code.jquery.com/jquery-3.5.0.js"> 
    </script> 
</head> 
<body style="text-align: center;"> 
    <h1 style="color: green;"> 
        GeeksforGeeks 
    </h1> 
  
    <p> 
        JavaScript RangeError 
        Invalid array length 
    </p> 
  
    <button onclick="Geeks();"> 
        click here 
    </button> 
    <p id="GFG_DOWN"></p> 
  
    <script> 
        var el_down = document.getElementById("GFG_DOWN"); 
        function Geeks() { 
            try { 
                let a = []; 
                a.length = 6; 
                el_down.innerHTML =  
                  "'Invalid array length' "+ 
                  "error has not occurred"; 
            } catch (e) { 
                
                // Show the error in console 
                console.log(e); 
                el_down.innerHTML =  
                  "'Invalid array length' "+ 
                  "error has occurred"; 
            } 
        } 
    </script> 
</body>

Output:

JavaScript RangeError - Invalid array length

Example 2: In this example, the length property is set to -1, which is an invalid value, therefore the error has occurred.

HTML

<head> 
    <script src= 
"https://code.jquery.com/jquery-3.5.0.js"> 
    </script> 
</head> 
<body style="text-align: center;"> 
    <h1 style="color: green;"> 
        GeeksforGeeks 
    </h1> 
  
    <p> 
        JavaScript RangeError 
        Invalid array length 
    </p> 
  
    <button onclick="Geeks();"> 
        click here 
    </button> 
    <p id="GFG_DOWN"></p> 
  
    <script> 
        var el_down = document.getElementById("GFG_DOWN"); 
        function Geeks() { 
            try { 
                let a = []; 
                a.length = -1; 
                el_down.innerHTML =  
                  "'Invalid array length' "+ 
                  "error has not occurred"; 
            } catch (e) { 
                
                // Show the error in console 
                console.log(e); 
                el_down.innerHTML =  
                  "'Invalid array length' "+ 
                  "error has occurred"; 
            } 
        } 
    </script> 
</body>