今日からjQueryの練習も兼ねて、jQueryのソースをブログに書いていこうと思います。
jQuery.map() | jQuery API Documentation
最初はmapです。他の言語によくあるmapと同じです。
1.6からはarrayOrObjectを引数に指定できるようになりました。
以下、使用例。(サンプルを少し改造しただけです。)
<!DOCTYPE html> <html> <head> <style> div { color:blue; } p { color:green; margin:0; } span { color:red; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <div id="old"></div> <p></p> <span></span> <div id="new"></div> <script> // version added 1.0 var arr = ["a", "b", "c", "d", "e"]; $("div#old").text(arr.join(",")); arr = jQuery.map(arr, function(n, i){ return (n.toUpperCase() + i); }); $("p").text(arr.join(",")); arr = jQuery.map(arr, function (a) { return a + a; }); $("span").text(arr.join(",")); // version added : 1.6 var dimensions = { width: 10, height: 15, length: 20}; dimensions = $.map(dimensions, function(value, index){ return value *2; }); $("div#new").text(dimensions.join(",")); </script> </body> </html>