Pass unknown number of arguments into JavaScript function

by

ES3 (or ES5 or oldschool JavaScript)

You can access the arguments passed to any JavaScript function via the magic arguments object, which behaves similarly to an array. Using arguments your function would look like:

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

It’s important to note that arguments is not an array. MDC has some good documentation on it: https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Functions#Using_the_arguments_object

If you want to turn arguments into an array so that you can do things like .slice(), .push() etc, use something like this:

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

ES6 / Typescript

There’s a better way! The new rest parameters feature has your back:

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

More Related Contents:

  1. Trim string in JavaScript?
  2. Inserting a text where cursor is using Javascript/jquery
  3. How to display length of filtered ng-repeat data
  4. Check/Uncheck checkbox with JavaScript
  5. How to get the size of a JavaScript object?
  6. JavaScript: filter() for Objects
  7. What is the correct way to check for string equality in JavaScript?
  8. Execute write on doc: It isn’t possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.
  9. How can I detect when the mouse leaves the window?
  10. Regex to check whether a string contains only numbers [duplicate]
  11. Valid javascript object property names
  12. How to send data in request body with a GET when using jQuery $.ajax()
  13. JavaScript array .reduce with async/await
  14. How can I detect with JavaScript/jQuery if the user is currently active on the page?
  15. Change label text using JavaScript
  16. How do I use Bluebird with Angular?
  17. understanding the concept of javascript callbacks with node.js, especially in loops
  18. How to implement history.back() in angular.js
  19. How to write data to a JSON file using Javascript
  20. Add an element to the DOM with JavaScript
  21. Getting a list of statics on an ES6 class
  22. Using environment variables / parameterizing config.xml
  23. How do I properly insert multiple rows into PG with node-postgres?
  24. How do I split a TypeScript class into multiple files?
  25. reference variable in object literal? [duplicate]
  26. Selecting elements without jQuery
  27. Set cookie on multiple domains with PHP or JavaScript
  28. JavaScript Callback after calling function
  29. In JavaScript, how can I replace text in an HTML page without affecting the tags?
  30. Difference between application/x-javascript and text/javascript content types

Leave a Comment