Listado completo de tutoriales

ES6 - operador Spread (operador de propagación)


El operador Spread permite descomponer una estructura de datos en elementos individuales. Es la operación inversa de los parámetros Rest.

La sintaxis se aplica anteponiendo al nombre de la variable tres puntos:

<!DOCTYPE html>
<html>
<head>
  <title>Ejemplo de JavaScript</title>
  <meta charset="UTF-8">
</head>
<body>

<script>

  function sumar(x,y,z) {
    return x+y+z;
  }

  const vec=[10,20,30];
  const s=sumar(...vec);
  document.write(s);

</script>

</body>
</html>

Es decir en la llamada a la función sumar le antecedemos tres puntos al nombre de la variable que vamos a pasar:

  const vec=[10,20,30];
  const s=sumar(...vec);

Luego el parámetro x recibe la primer componente, el parámetro y la segunda componente y finalmente el parámetro z recibe la tercer componente.

Esto anteriormente debíamos hacerlo indicando cada uno de los elementos del vector:

var s=sumar(vec[0], vec[1], vec[2]);

Retornar