jQuery map() Method

Last Updated:

jQuery map() Method

The jQuery map() method processes all items in an array or object to new array of items.

Example

HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery map() Method</h1> <p>Click on the button to process the array.</p> <button>Click Me</button> <script> $(document).ready(function(){ $("button").click(function(){ var arr = [10, 15, 20, 25]; arr = $.map(arr, function(a) { return [a - 5]; }); $("p").text(arr); }); }); </script> </body> </html>

Syntax

$.map(array, function(item, index));

Parameter Values

Value Type Explanation
array Required Specifies an array to be processed.
function(item, index) Required Specifies a function to process each item against.
Parameter Explanation
  • item - Each item in an array
  • index - Index of each item in an array

Browser Support

Devicedesktopmobile
Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet
map()YesYesYesYesYesYesYesYesYesYesYesYesYes

Share this Page

Meet the Author