Método 1: Usar el método apply(): El método apply() se usa para llamar a una función con los argumentos dados como una array o un objeto similar a una array. Contiene dos parámetros. Este valor proporciona una llamada a la función y la array de argumentos contiene la array de argumentos que se pasarán.
El método apply() se usa en la función que debe pasarse como array de argumentos. El primer parámetro se especifica como ‘nulo’ y el segundo parámetro se especifica con la array de argumentos. Esto llamará a la función con la array de argumentos especificada.
Sintaxis:
arrayToPass = [1, "Two", 3]; unmodifiableFunction.apply(null, arrayToPass);
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to pass an array as a function
parameter in JavaScript ?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
JavaScript | Passing an array
as a function parameter.
</b>
<p>
The arguments passed
are '1, "Two", 3'
</p>
<button onclick="passToFunction()">
Pass to function
</button>
<script type="text/javascript">
function passToFunction() {
arrayToPass = [1, "Two", 3];
unmodifiableFunction.apply(null, arrayToPass);
}
function unmodifiableFunction(a, b, c) {
console.log("First value is: ", a);
console.log("Second value is: ", b);
console.log("Third value is: ", c);
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Método 2: uso de la sintaxis extendida: la sintaxis extendida se usa en el lugar donde se esperan cero o más argumentos. Se puede usar con iteradores que se expanden en lugares donde puede que no haya un número fijo de argumentos esperados (como parámetros de funciones).
La función requerida se llama según la array de argumentos utilizando la sintaxis extendida para que complete los argumentos de la función de la array.
Sintaxis:
arrayToPass = [1, "Two", 3]; unmodifiableFunction(...arrayToPass);
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to pass an array as a function
parameter in JavaScript ?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
JavaScript | Passing an array
as a function parameter.
</b>
<p>
The arguments passed
are '1, "Two", 3'
</p>
<button onclick="passToFunction()">
Pass to function
</button>
<script type="text/javascript">
function passToFunction() {
arrayToPass = [1, "Two", 3];
unmodifiableFunction(...arrayToPass);
}
function unmodifiableFunction(a, b, c) {
console.log("First value is: ", a);
console.log("Second value is: ", b);
console.log("Third value is: ", c);
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA