jQueryでgrep()関数を使って、配列のうち特定の文字を含む要素を取り出す

grep()は配列のある特定の要素を抜き出すのに便利な関数です。
引数に配列とコールバック関数を渡して、条件にあっているものを返します。

今回は、英語で月を見ていって、「e」を含むものだけ取り出してみました。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>jQueryでgrep()</title>

<script src="js/jquery-1.11.1.js"></script>
<script>
$(document).ready(function() {
	var arr = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

	var eInMonth = $.grep(arr, function(value, index) {
		return value.indexOf('e') >= 0;
	});

	$('#all-months').html(arr.join('<br>'));
	$('#contain').html(eInMonth.join('<br>'));
});
</script>

</head>
<body>
<h2>カレンダー</h2>

<p id="all-months"></p>

<h2>「e」を含む月を表示します</h2>
<p id="contain"></p>
</body>
</html>

これを表示させると、以下のようになります。
f:id:sho322:20140505141332j:plain