Pasar un array a una función en JavaScript

1. Use el método apply() para pasar un array a una función en JavaScript
2. Use el operador spread para pasar un array a una función en JavaScript
3. Use el objeto arguments para pasar un array a una función en JavaScript

Este tutorial tiene como objetivo enseñarle las diferentes formas de pasar un array a una función usando JavaScript. Destaca el método apply(), el operador spread, el objeto arguments y la forma de pasar un array completa a una función como parámetro.

El método apply() ejecuta una función con this valor y proporciona argumentos como un array o un objeto similar a un array. Se utiliza en una función particular que debe pasarse.

En el método apply(), this valor es el primer parámetro que llama a la función, y arguments son el segundo con la matriz de argumentos a pasar.

Recuerde, si this valor no puede ser el valor original visto por una función (si el método es una función en código modo no estricto). El objeto global será null e undefined, mientras que los valores primitivos estarán encuadrados.

ECMAScript 6 (ES6) proporciona un operador sorprendente llamado spread. Está escrito como ... dentro del código JavaScript. Este operador permite iterar, por ejemplo, matrices. Se utiliza para procesar todos los elementos del array o un objeto.

Por otro lado, el objeto arguments es un objeto tipo array (es decir, los arguments tienen la propiedad length) que podemos usar dentro de la función que tiene los valores de los argumentos.

Use el método apply() para pasar un array a una función en JavaScript

var names = ['Mehvish', 'John', 'Henry', 'Thomas'];
displayName.apply(this, names);

function displayName() {
  for (var i = 0; i < names.length; i++) {
    console.log(names[i]);
  }
}

Producción :

"Mehvish"
"John"
"Henry"
"Thomas"

En el ejemplo anterior, tenemos un array de names y una función llamada displayName() para imprimir todos los elementos del array names. Usamos el método apply() para pasar un array a la función displayName().

Use el operador spread para pasar un array a una función en JavaScript

var names = ['Mehvish', 'John', 'Henry', 'Thomas'];
displayName(...names);

function displayName() {
  for (var i = 0; i < names.length; i++) {
    console.log(names[i]);
  }
}

Producción :

"Mehvish"
"John"
"Henry"
"Thomas"

Aquí tenemos el array names y la función displayNames() para imprimir todos los elementos del array. Usamos la sintaxis spread ... para pasar todo el array a la función.

Use el objeto arguments para pasar un array a una función en JavaScript

var names = ['Mehvish', 'John', 'Henry', 'Thomas'];
displayName(names);

function displayName() {
  for (var i = 0; i < arguments.length; i++) {
    console.log(arguments[i]);
  }
}

Producción :

["Mehvish", "John", "Henry", "Thomas"]

En el fragmento de código anterior, usamos el objeto arguments para pasar el array names a la función displayName(). Podemos pasar todo el array a la función como argumento para simplificar el código.

Para esto, puedes practicar el siguiente código.

var names = ['Mehvish', 'John', 'Henry', 'Thomas'];
displayName(names);

function displayName() {
  for (var i = 0; i < names.length; i++) {
    console.log(names[i]);
  }
}

Producción :

"Mehvish"
"John"
"Henry"
"Thomas"