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 232. It can also occur if the length property is set manually to a value either negative or greater than or equal to 232.
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 232-1. While creating an Array or an ArrayBuffer, if the array length is either negative or greater than or equal to 232 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= </script> </head> <body style="text-align: center;"> <h1 style="color: green;"> neveropen </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:
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= </script> </head> <body style="text-align: center;"> <h1 style="color: green;"> neveropen </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> |
Output:
