Skip to main content
se añadieron 4 caracteres en el cuerpo
Origen Enlace
enrique7mc
  • 2.9k
  • 15
  • 13

Un array-like objectarray-like object es un objeto que se asemeja a un arreglo porque representa un conjunto de elementos y tiene una propiedad length, sin embargo no poseen directamente los métodos de Array.prototype que son muy útiles como sort, filter, etc.

Un ejemplo muy común de este tipo de objetos es arguments que hace referencia a los argumentos que se envían a una función:

funtion foo(a, b) {
    console.log(arguments[0]);
}

foo(1, 2); // imprime 1

Al no poder invocar directamente algún método de Array.prototype lo que hacemos es primero convertirlo a un arreglo:

var args = Array.prototype.slice.call(arguments);

El método slice tiene la habilidad de trabajar con array-like objectsarray-like objects y por eso es posible la conversión.

Otros ejemplos son los objetos del DOM obtenidos a través de métodos como document.getElementsByClassName, conocidos como NodeList. Esta es una forma alternativa de convertir a arreglo:

var nodeList = document.getElementsByClassName('.tuClase'),
var nodeArray = [].slice.call(nodeList);

Idealmente no tienes que crear este tipo de objetos, siempre será más fácil utilizar arreglos cuando necesites una colección de elementos, esto facilita la integración de un programa en un proyecto, ya que si todas las funciones usan arreglos no hay necesidad de hacer conversiones. Simplemente hay que estar consciente de qué son y sus diferencias con los arreglos.

Un array-like object es un objeto que se asemeja a un arreglo porque representa un conjunto de elementos y tiene una propiedad length, sin embargo no poseen directamente los métodos de Array.prototype que son muy útiles como sort, filter, etc.

Un ejemplo muy común de este tipo de objetos es arguments que hace referencia a los argumentos que se envían a una función:

funtion foo(a, b) {
    console.log(arguments[0]);
}

foo(1, 2); // imprime 1

Al no poder invocar directamente algún método de Array.prototype lo que hacemos es primero convertirlo a un arreglo:

var args = Array.prototype.slice.call(arguments);

El método slice tiene la habilidad de trabajar con array-like objects y por eso es posible la conversión.

Otros ejemplos son los objetos del DOM obtenidos a través de métodos como document.getElementsByClassName, conocidos como NodeList. Esta es una forma alternativa de convertir a arreglo:

var nodeList = document.getElementsByClassName('.tuClase'),
var nodeArray = [].slice.call(nodeList);

Idealmente no tienes que crear este tipo de objetos, siempre será más fácil utilizar arreglos cuando necesites una colección de elementos, esto facilita la integración de un programa en un proyecto, ya que si todas las funciones usan arreglos no hay necesidad de hacer conversiones. Simplemente hay que estar consciente de qué son y sus diferencias con los arreglos.

Un array-like object es un objeto que se asemeja a un arreglo porque representa un conjunto de elementos y tiene una propiedad length, sin embargo no poseen directamente los métodos de Array.prototype que son muy útiles como sort, filter, etc.

Un ejemplo muy común de este tipo de objetos es arguments que hace referencia a los argumentos que se envían a una función:

funtion foo(a, b) {
    console.log(arguments[0]);
}

foo(1, 2); // imprime 1

Al no poder invocar directamente algún método de Array.prototype lo que hacemos es primero convertirlo a un arreglo:

var args = Array.prototype.slice.call(arguments);

El método slice tiene la habilidad de trabajar con array-like objects y por eso es posible la conversión.

Otros ejemplos son los objetos del DOM obtenidos a través de métodos como document.getElementsByClassName, conocidos como NodeList. Esta es una forma alternativa de convertir a arreglo:

var nodeList = document.getElementsByClassName('.tuClase'),
var nodeArray = [].slice.call(nodeList);

Idealmente no tienes que crear este tipo de objetos, siempre será más fácil utilizar arreglos cuando necesites una colección de elementos, esto facilita la integración de un programa en un proyecto, ya que si todas las funciones usan arreglos no hay necesidad de hacer conversiones. Simplemente hay que estar consciente de qué son y sus diferencias con los arreglos.

Origen Enlace
enrique7mc
  • 2.9k
  • 15
  • 13

Un array-like object es un objeto que se asemeja a un arreglo porque representa un conjunto de elementos y tiene una propiedad length, sin embargo no poseen directamente los métodos de Array.prototype que son muy útiles como sort, filter, etc.

Un ejemplo muy común de este tipo de objetos es arguments que hace referencia a los argumentos que se envían a una función:

funtion foo(a, b) {
    console.log(arguments[0]);
}

foo(1, 2); // imprime 1

Al no poder invocar directamente algún método de Array.prototype lo que hacemos es primero convertirlo a un arreglo:

var args = Array.prototype.slice.call(arguments);

El método slice tiene la habilidad de trabajar con array-like objects y por eso es posible la conversión.

Otros ejemplos son los objetos del DOM obtenidos a través de métodos como document.getElementsByClassName, conocidos como NodeList. Esta es una forma alternativa de convertir a arreglo:

var nodeList = document.getElementsByClassName('.tuClase'),
var nodeArray = [].slice.call(nodeList);

Idealmente no tienes que crear este tipo de objetos, siempre será más fácil utilizar arreglos cuando necesites una colección de elementos, esto facilita la integración de un programa en un proyecto, ya que si todas las funciones usan arreglos no hay necesidad de hacer conversiones. Simplemente hay que estar consciente de qué son y sus diferencias con los arreglos.