El método array.size() es funcionalmente equivalente a la propiedad array.length y solo se puede usar en jQuery . Aquí, en JavaScript , array.size() es un método no válido, por lo que se debe usar la propiedad array.length . Los siguientes ejemplos implementan el concepto anterior:
Ejemplo 1: Este ejemplo demuestra el método array.size() y la propiedad array.length.
html
<!DOCTYPE html>
<html>
<head>
<title>
Difference between array.size() method
and array.length property
</title>
</head>
<body>
<p>
Click the button to display
the length of array.
</p>
<button onclick="findLength()">
Try it
</button>
<p>
Length of the array is:
<span id="demo"></span>
</p>
<script>
var arr = ['geeks', 'for', 'geeks'];
function findLength() {
document.getElementById("demo").innerHTML
= arr.length;
document.getElementById("demo").innerHTML
= arr.size();
}
</script>
</body>
</html>
Producción:
Length of the array is: 3 error on console: TypeError: arr.size is not a function
Nota: La propiedad array.length devuelve el valor de last_key+1 para arrays con valor de índice numérico. Esta propiedad no garantiza encontrar la cantidad de elementos en la array.
Ejemplo 2: Este ejemplo muestra cómo funciona la propiedad Array.length.
html
<!DOCTYPE html>
<html>
<head>
<title>
Array.length property
</title>
</head>
<body>
<p>
Click the button to display
the length of array.
</p>
<button onclick="findLength()">
Try it
</button>
<p>
Length of array the is:
<span id="demo"></span>
</p>
<script>
var arr = ['geeks', 'for', 'geeks'];
arr[50] = 'article';
function findLength() {
document.getElementById("demo")
.innerHTML = arr.length;
}
</script>
</body>
</html>
Producción:
Length of the array is: 51
Ejemplo 3: este ejemplo muestra cómo funciona la propiedad array.length cuando la clave de índice no es numérica.
html
<!DOCTYPE html>
<html>
<head>
<title>
array.length property with
non-numeric index key
</title>
</head>
<body>
<p>
Click the button to display
the length of array.
</p>
<button onclick="findLength()">
Try it
</button>
<p>
Length of array the is:
<span id="demo"></span>
</p>
<script>
var arr = new Array();
arr['a'] = 1;
arr['b'] = 2;
arr['c'] = 3;
function findLength() {
document.getElementById("demo")
.innerHTML = arr.length;
}
</script>
</body>
</html>
Producción:
Length of the array is: 0
Veamos las diferencias en forma tabular -:
| array.tamaño() | array.longitud() | |
| 1. | Esta propiedad devuelve el tamaño de la array. | Esta propiedad devuelve el tamaño de la array. |
| 2. |
Su sintaxis es -: array.tamaño() |
Su sintaxis es -: array.longitud |
| 3. | No se puede usar en Javascript, solo se usa en Jquery | Se usa en Javascript, no en jQuery |
| 4. | Esta es una característica de jQuery | array.length es una característica de ECMAScript1. |
| 5 |
Sus navegadores compatibles son -: Chrome, Internet Explorer, Firefox, Safari, Opera Microsoft Edge |
Sus navegadores compatibles son -: Chrome, Internet Explorer, Firefox, Safari, Ópera, Microsoft Edge |