配列
概要
Arrayや"[]"で定義する。
最初の番号は"0"から始まるものとする
１.[]で静的定義する
２.[]で定義後、動的追加する
３.[]で定義後、動的追加(push)する
４.Arrayで定義
５.new Arrayで定義
６．Array.prototypeによる継承
記述１（静的設定"[]"で挟んだ文字を配列とする）
hoge.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 静的配列定義
var ary = ["aaa", "bbb", "ccc"];
// 出力
document.write(ary[0] + "<br />");
document.write(ary[1] + "<br />");
document.write(ary[2] + "<br />");
//]]>
</script>
</body>
</html>
記述１－Ａ（"[]"で挟んだ文字を２次元配列とする）
hoge.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 2次元配列で定義
var ary = [
[ "aaa", "bbb", "ccc"],
[ "ddd", "eee", "fff"],
[ "ggg", "hhh", "iii"],
];
// 出力
document.write(ary[0][2] + "<br />");
document.write(ary[1][0] + "<br />");
document.write(ary[2][1] + "<br />");
//]]>
</script>
</body>
</html>
記述２（"[]"で挟んだ文字を配列とし動的に追加する）
hoge.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 空で定義して追加
var ary = [];
// 追加を行う
ary[0] = "ddd";
ary[1] = "eee";
ary[2] = "fff";
// 出力
document.write(ary[0] + "<br />");
document.write(ary[1] + "<br />");
document.write(ary[2] + "<br />");
//]]>
</script>
</body>
</html>
記述３（"[]"で挟んだ文字を配列とし動的に追加する(push)）
hoge.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 空で定義して追加
var ary = [];
// 追加を行う
ary.push("ggg");
ary.push("hhh");
ary.push("iii");
// 出力
document.write(ary[0] + "<br />");
document.write(ary[1] + "<br />");
document.write(ary[2] + "<br />");
//]]>
</script>
</body>
</html>
記述３－Ａ（２次元配列を動的設定する）
hoge.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 2次元配列で定義
var ary = [];
var item = [];
// 追加
item = [];
item.push("111", "222", "333");
ary.push(item);
// 追加
item = [];
item.push("444", "555", "666");
ary.push(item);
// 追加
item = [];
item.push("777", "888", "999");
ary.push(item);
// 出力
document.write(ary[0][2] + "<br />");
document.write(ary[1][0] + "<br />");
document.write(ary[2][1] + "<br />");
//]]>
</script>
</body>
</html>
記述４（Arrayオブジェクトを使用）
hoge.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 静的配列定義
var ary = Array("aaa", "bbb", "ccc");
// 出力
document.write(ary[0] + "<br />");
document.write(ary[1] + "<br />");
document.write(ary[2] + "<br />");
//]]>
</script>
</body>
</html>
記述５（new Arrayオブジェクトを使用）
hoge.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 静的配列定義
var ary = new Array("111", "222", "333");
// 出力
document.write(ary[0] + "<br />");
document.write(ary[1] + "<br />");
document.write(ary[2] + "<br />");
//]]>
</script>
</body>
</html>
最終更新：2012年02月14日 23:27
