java scriptの配列をソートしたり、トリミングしたりの話

Pocket
[`evernote` not found]

完全に自分向けのメモですが、javascriptの配列やらオブジェクトの扱いでハマったので備忘録としてまとめます。

配列のソート

配列をソートする時は、sort()関数を利用すると簡単にできます。

$(document).ready(function() {
  var array= [
     {date:'2013/1/5', title:'あああああ'},
     {date:'2012/10/1', title:'いいいいい'},
     {date:'2012/2/1', title:'ううううう'},
     {date:'2013/3/5', title:'ええええ'},
     {date:'2011/8/25', title:'おおおおおお'},
     {date:'2010/10/1', title:'かかかかか'},
     {date:'2015/10/1', title:'ききききききき'},
     {date:'2013/2/1', title:'くくくくく'},
     {date:'2012/11/4', title:'けけけけけけけ'},
     {date:'2009/8/25', title:'ここここここここ'}
   ];

     array.sort(function(a, b) {
          return ( a.date < b.date ? 1 : -1);
     });

     for (var i=0;i<array.length;i++) {
          $('#show').append(array&#91;i&#93;.date + ':' + array&#91;i&#93;.title + '<br>');
     }

});

sortの引数で、ソートしたい項目を指定してあげるだけです。

return ( a.date < b.date ? 1 : -1);
&#91;/javascript&#93;

<a href="http://meusonho41.com/demo/2013/03/13/demo01.html">DEMO</a>

DEMOを見るとわかるように日付もそのまま使えます。
rssなどの日付は「Fri, 02 Nov 2012 16:01:44 +0900」みたいな形式で返ってきますが、その形式でも大丈夫なようです。

<h4 class="subTitle"><span>配列のトリミング</span></h4>
トリミングという表現が正しいのかわかりませんが、要はたくさんある情報から始めから必要な分だけ取り出したいという事です。

[javascript]
for (var i=0;(i<array.length && i<5);i++) {
  $('#show').append(array&#91;i&#93;.date + ':' + array&#91;i&#93;.title + '<br>');
}

このようにすれば、配列の始めから5つ分だけ取り出せます。

DEMO

jQueryなど、web制作の際には不可欠なものとなってきていますが、java scriptの根っこの部分をきちんと理解していないと、思わぬ落とし穴にはまってしまうことも多いかと思います。ちゃんと勉強しなきゃと思う日々でございます。

Follow me!

Pocket
[`evernote` not found]

コメントは受け付けていません。