【連想配列】配列ごとに表示させたい

var data = [
{ a:"たかし", b:"180cm", c:"70kg" },
{ a:"よしお", b:"170cm", c:"60kg" },
{ a:"けいこ", b:"160cm", c:"5kg" }
];

「次へ」ボタンを押すたびによしお、けいこへとデータが入れ替わるようにしたいのですが、どのようにプログラムを組めばいいのでしょうか。

$(".next").click(function(){
for(i = 0; i < data.length; i++){
//a,b,cのデータ表示
}
});

No.2 回答者： babu_baboo 回答日時： 2014/04/02 08:45

ぼそっと、たぶんこっち。

data.push (data.shift ());

No.1 回答者： yambejp 回答日時： 2014/04/01 20:46

条件が微妙?

たとえば一番後ろと後ろから２番目のデータを入れ替えるならpopしてpushでいける

<script>
var data = [
{ a:"たかし", b:"180cm", c:"70kg" },
{ a:"よしお", b:"170cm", c:"60kg" },
{ a:"けいこ", b:"160cm", c:"5kg" }
];
function changeData(){
var x=[data.pop(),data.pop()];
data.push(x[0]);
data.push(x[1]);
for(var i=0;i<data.length;i++){
alert(data[i]["a"]);
}
}
</script>
<input type="button" value="go" onclick="changeData()">

「よしお」と「けいこ」を探し出してその番号を変えるとなると
ちょっと工夫が必要