Array.size() vs Array.length – JavaScript

Cuando se trabaja con arrays en JavaScript, es común tener la necesidad de saber la cantidad de elementos que contiene un array. Existen dos formas de hacer esto: utilizando la propiedad length y utilizando el método size(). Aunque ambas opciones pueden lograr el mismo resultado, existen ciertas diferencias que es importante conocer.

Array.length

La propiedad length se encarga de devolver el número de elementos que contiene el array. Esta propiedad se puede utilizar en arrays vacíos o que contengan elementos. En caso de que se utilice en un array vacío, devuelve 0. Si se utiliza en un array con elementos, devuelve la cantidad de elementos que contiene dicho array.

¿Cómo se utiliza Array.length?

Para utilizar la propiedad length simplemente se escribe el nombre del array seguido de ".length". Ejemplo:

var myArray = ["Manzana", "Banana", "Pera"];
console.log(myArray.length); // Devuelve "3"

¿Qué pasa si modificamos la propiedad length?

Es importante tener en cuenta que la propiedad length es modificable, lo que significa que se puede cambiar su valor. Si se cambia su valor a un número menor que la cantidad de elementos del array, entonces los elementos restantes se eliminarán. Si se cambia su valor a un número mayor que la cantidad de elementos del array, se agregarán elementos vacíos al final del array para alcanzar el nuevo valor de length.

var myArray = ["Manzana", "Banana", "Pera"];
myArray.length = 2;
console.log(myArray); // Devuelve ["Manzana", "Banana"]

¿Dónde se utiliza más frecuentemente Array.length?

La propiedad length se utiliza más frecuentemente cuando se necesite saber la cantidad de elementos de un array en un momento determinado. Por ejemplo, al recorrer un array con un bucle for, se utiliza length para saber cuántas veces debe ejecutarse el bucle for.

Array.size()

El método size() se encarga de devolver el número de elementos que contiene el array, de la misma forma que la propiedad length. Sin embargo, este método sólo se puede utilizar en objetos que hereden de la clase Set o de la clase Map.

¿Cómo se utiliza Array.size()?

Para utilizar el método size() se escribe el nombre del objeto Set o Map seguido de ".size".

var mySet = new Set(["Manzana", "Banana", "Pera"]);
console.log(mySet.size); // Devuelve "3"

¿Dónde se utiliza Array.size()?

Este método se utiliza en objetos de las clases Set o Map para obtener la cantidad de elementos únicos guardados dentro del objeto.

Ejemplos de códigos y comandos

Ejemplo de uso de Array.length:

// Crear e inicializar un array
var myArray = ["Manzana", "Banana", "Pera"];
console.log(myArray.length); // Devuelve "3"

// Agregar un elemento al final del array
myArray.push("Uva");
console.log(myArray.length); // Devuelve "4"

Ejemplo de uso de Array.size():

// Crear un objeto Set e inicializarlo con varios elementos
var mySet = new Set(["Manzana", "Banana", "Pera", "Manzana"]);
console.log(mySet.size); // Devuelve "3"

// Agregar un elemento que ya existe
mySet.add("Manzana");
console.log(mySet.size); // Devuelve "3"

Conclusión

Tanto Array.length como Array.size() son formas válidas de obtener la cantidad de elementos de un array. La elección de uno u otro dependerá del tipo de objeto que se esté utilizando. La propiedad length puede ser utilizada en cualquier array, mientras que el método size() sólo está disponible en objetos de las clases Set o Map. Es importante tener en cuenta que la propiedad length es modificable, mientras que el método size() no lo es.

Preguntas frecuentes

¿Puedo utilizar Array.size() en un array común?

No, el método size() sólo está disponible en objetos de las clases Set o Map.

¿Qué sucede si utilizo Array.length en un objeto de la clase Set?

La propiedad length no está disponible en objetos de la clase Set, por lo que devolverá undefined.

¿Puedo utilizar Array.length en una cadena de texto?

Sí, si se utiliza la propiedad length en una cadena de texto, devolverá la cantidad de caracteres que contiene la cadena.

¿Puedo utilizar Array.size() en un objeto común?

No, el método size() sólo está disponible en objetos de las clases Set o Map.

Cómo ordenar correctamente un arreglo de enteros (Array of Integers)

Cómo redimensionar imágenes utilizando el lienzo HTML en JavaScript

TypeError: callback is not a function en JavaScript

Cómo insertar HTML en un div con JavaScript

Eliminación de todo después de un carácter específico en JavaScript

Temporizador de cuenta hacia arriba en JavaScript

Cómo Convertir RGB a HEX en JavaScript

Tipos de literales en JavaScript

Cómo detener el forEach de JavaScript