どうも！chuckです
引き続きUnderscore.jsについて勉強していきます。
groupBy, countBy, sortBy
データベースの経験がある方ならピンとくるであろう、groupBy, countBy。Underscoreなら、配列要素をまとめたりカウントをしたり、集計ができるようです。
groupBy
groupByは分類のメソッドで、このように使います。
この場合、配列の要素をそれぞれ、3で割った余りで分類してくれます。
ブラウザのコンソールで確認するとこのとおり。
オブジェクトが生成されて、その中に配列が3つ格納されていますね！キーが余りで、値が配列、という対応関係ですね。
ということは、このようにすることで１つの配列を取り出すことができます。
この場合、3で割った余りが２であった要素の配列を取り出しています。
オブジェクトの要素のアクセスは、オブジェクト名[プロパティ名]でしたね！
結果はこの通り。
今度はデータ型ごとに分類してみます。
mixという配列にいろいろな要素を詰め込みました。JavaScriptでは配列の要素に対してデータ型の縛りがないので、なんでも詰め込めます。
コンソールで確認するとこんな感じ。
カラフルですね。
これをデータ型ごとに分類してみます。
分類の条件にtypeofを使いました。
その結果がこちら！
すごい…。きちんとデータ型ごとに別れています。(functionってobjectだと思ってたんですけど、違うんですね)
これすごく感動したんですけど、僕だけですかね…？？
countBy
countByを使えば、分類した後の要素の数を取得出来ます。
配列の要素のうち、偶数・奇数がいくつあるかカウントします。
ブラウザで確認するとこのとおり。
奇数と偶数が３つずつあることがわかります。
sortBy
sortByを使うと、配列の要素をソートすることができます。まずはデフォルトの昇順ソートを実行してみます。
こちらが実行結果。
地味ですが、末尾の２つが入れ変わっています。
他には、キーを使ってソートすることもできます。たとえばこちらの配列。３つのオブジェクトを含んでいますが、これらのオブジェクトを名前(name)をつかってソートすることができます。
ソートの実行結果はこんな感じ。
きちんと名前の昇順でソートされていますね！
以上で集計処理系のメソッドはおしまいです。
JavaScriptで書く
さて、groupByやsortByをがんばってJavaScriptで書いてみます。
groupBy
先ほどと同じく、配列要素を３で割った余りで分類します。
余りをキーにして、switch文で振り分けています。
実行結果はこんな感じ。
ちゃんと分類できてますね！
countBy
countByもJSで書いてみます。
実行結果はこのとおり。
sortBy
シンプルな数値の昇順ソート。このように記述しました。
実行結果はこちら。
考えるのにちょっと時間がかかってしまい、Underscoreの便利さを実感。
まとめ
今回はUnderscore.jsの提供するメソッドのうち、集計関連のものを使ってみました！
僕はBackbone.jsの前提知識としてUnderscore.jsを始めたのですが、いよいよBackboneに採用されている理由が分かってきました。
Underscoreを使えば、膨大なコレクションやデータの操作をとてもカンタンにしてくれるんですね！
書いたコード
