{"componentChunkName":"component---src-templates-post-template-js","path":"/posts/en/2016-07-01-map-array-values-to-parameters/","webpackCompilationHash":"a3ac22c47fe06e2afd02","result":{"data":{"markdownRemark":{"id":"e840387c-d504-5fcc-af72-9781beff598b","html":"

Problem

\n

You want to map values of an array to function parameters in ES5.

\n

Ingredients

\n\n

Directions

\n
    \n
  1. \n

    Given: a function that takes different parameters and an array containing concrete arguments.

    \n
    function add(x, y, z) {\n  return x + y + z;\n}\nvar parameters = [2, 3, 4];
    \n
    2. \n
\n\n
    \n
  1. \n

    Naive solution, but also very verbose: access array values by index.

    \n
    var result = add(\n  parameters[0],\n  parameters[1],\n  parameters[2]\n);\nconsole.log(result);  // 9
    \n
    2. \n
  2. \n

    Better to use the apply() method (at least when you are in ES5).

    \n
    ...\nvar parameters = [2, 3, 4];\nvar result = add.apply(null, parameters);\nconsole.log(result);  // 9
    \n
    3. \n
  3. Voilá, there you got a perfect mapping from array values to function parameters.
    4. \n
\n

Alternative recipes

\n","fields":{"slug":"/posts/en/2016-07-01-map-array-values-to-parameters/","tagSlugs":["/tag/java-script/"]},"frontmatter":{"date":"2016-07-01T08:00:00.000Z","description":null,"tags":["JavaScript"],"title":"Map array values to function parameters"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/posts/en/2016-07-01-map-array-values-to-parameters/"}}}