Quantcast
Channel: プログラム の個人的なメモ
Viewing all articles
Browse latest Browse all 860

【JavaScript】【JQuery】 JavaScript / JQuery で 配列 / JSON をループする

$
0
0

■ JavaScript で 配列 / JSON を ループさせる

サンプル(JQuery使用しない場合)

<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<script type="text/javascript">
var values = [
   ["x", "Math", "English", "Science"],
   ["y", "67", "89", "92"],
];

for (var i in values) {
   for (var j = 0; j < values[i].length; j++) {
      document.write(values[i][j] + '<br>');
   }
}
</script>
</body>
</html>

出力結果

x
Math
English
Science
y
67
89
92

参考文献

http://kreisel.fam.cx/webmaster/clog/2010-06-26-1.html

■ JQuery で 配列 / JSON を ループさせる

サンプル(JQuery使用する場合)

<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<script src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
var values = [
   ["x", "Math", "English", "Science"],
   ["y", "67", "89", "92"],
];

$.each(values, function(i, elements) {
   $.each(elements, function(j, value) {
      document.write(value + '<br>');
   });
});
</script>
</body>
</html>

出力結果

「サンプル(JQuery使用しない場合)」と同じなので省略。

参考文献

http://www.buildinsider.net/web/jqueryref/011

Viewing all articles
Browse latest Browse all 860

Latest Images

Trending Articles

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>