{"id":12105,"date":"2012-12-05T21:00:23","date_gmt":"2012-12-05T12:00:23","guid":{"rendered":"http:\/\/www.sssg.org\/blogs\/hiro345\/?p=12105"},"modified":"2012-12-27T07:58:33","modified_gmt":"2012-12-26T22:58:33","slug":"underscore-js-%e3%82%92%e4%bd%bf%e3%81%8a%e3%81%86","status":"publish","type":"post","link":"https:\/\/www.hiro345.net\/blogs\/hiro345\/archives\/12105.html","title":{"rendered":"Underscore.js \u3092\u4f7f\u304a\u3046"},"content":{"rendered":"

\u300cUnderscore.js<\/a>\u300d\u3068\u3044\u3046\u4fbf\u5229\u306aJavaScript\u30e9\u30a4\u30d6\u30e9\u30ea\u304c\u3042\u308a\u307e\u3059\u3002
\n
\n\u3053\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u306f\u300c_\u300d\u3068\u3044\u3046\u95a2\u6570\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u63d0\u4f9b\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b\u95a2\u6570\u3092\u76f4\u63a5\u4f7f\u3046\u65b9\u6cd5\uff08_.each(array, function(element) { … }); \u306e\u3088\u3046\u306b\u3059\u308b\uff09\u3068\u3001\u5f15\u6570\u3078\u5bfe\u8c61\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u6e21\u3057\u3066\u4f7f\u3046\u65b9\u6cd5\uff08_(array).each(function(element) { … });\uff09\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n

\u4f8b\u3068\u3057\u3066 each, map, find, filter \u306e\u4f7f\u3044\u65b9\u3092\u793a\u3057\u307e\u3059\u3002\u99b4\u67d3\u307f\u306e\u95a2\u6570\u3070\u304b\u308a\u306a\u306e\u3067\u3001\u7279\u5225\u306a\u8aac\u660e\u3082\u3044\u3089\u306a\u3044\u3067\u3057\u3087\u3046\u304c\u3001each\u306f\u5404\u8981\u7d20\u306b\u5bfe\u3057\u3066\u51e6\u7406\u3092\u3057\u307e\u3059\u3057\u3001map\u306f\u5404\u8981\u7d20\u306b\u51e6\u7406\u3092\u9069\u7528\u3057\u3066\u65b0\u3057\u3044\u914d\u5217\u3092\u3064\u304f\u308a\u307e\u3059\u3057\u3001find\u306f\u6761\u4ef6\u306b\u4e00\u81f4\u3059\u308b\u8981\u7d20\u3092\u898b\u3064\u3051\u307e\u3059\u3057\u3001filter\u306f\u6761\u4ef6\u306b\u4e00\u81f4\u3059\u308b\u8981\u7d20\u306e\u65b0\u3057\u3044\u914d\u5217\u3092\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\n

\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta http-equiv="content-type" content="text\/html; charset=UTF-8">\r\n  <title>sample16<\/title>\r\n  <script src="underscore-min.js"><\/script>\r\n<\/head>\r\n<body>\r\n  <div id="logtext" style="position:absolute;"><\/div><br \/>\r\n<script>\r\nfunction log(element) {\r\n  var html = document.getElementById('logtext').innerHTML;\r\n  document.getElementById('logtext').innerHTML = html + '<br>' + element;\r\n}\r\n\r\nlog("_.each([1, 2, 3], log)");\r\n_.each([1, 2, 3], log);\r\n\r\nlog("_.each({one : 1, two : 2, three : 3}, log)");\r\n_.each({one : 1, two : 2, three : 3}, log);\r\n\r\nvar result0 = _.map([1, 2, 3], function(num){ return num * 3; });\r\nlog("_.map([1, 2, 3], function(num){ return num * 3; })");\r\n_.each(result0, log);\r\n\r\nvar result1 = _.map({one : 1, two : 2, three : 3}, function(num, key){ return num * 3; });\r\nlog("_.map({one : 1, two : 2, three : 3}, function(num, key){ return num * 3; })");\r\n_.each(result1, log);\r\n\r\nvar even = _.find([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; });\r\nlog("_.find([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; }");\r\nlog(even);\r\n\r\nvar evens = _.filter([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; });\r\nlog("_.filter([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; })");\r\n_.each(evens, log);\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
JavaScript\u306b\u3064\u3044\u3066\u306f\u3001\u4e0b\u8a18\u306e\u66f8\u7c4d\u306e\u53c2\u8003\u306b\u306a\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\n