Learn You a jQuery for Great Good!

今日から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>