2. 10-0.html 前回の復習
script
function hyoji(){
var text = "";
for(var i = 1; i <= 10; i++){
for(var j = 1; j <= i; j++){
for文を二重に使って図形
text += "☆"; を描いています。
}
text += "<br>";
}
var output = document.getElementById("output");
output.innerHTML = text;
}
outputというidのついた
<div>に変数textを出力して
います。
ver.1.0 2
3. 10-1.html 配列
script
function hyoji(){ ここでは、配列weekを宣
var week = []; 言しています。
week[0] = "月曜日"; var week = new Array();
week[1] = "火曜日"; と書くこともあります。
week[3] = "水曜日";
week[4] = "木曜日";
配列に値を入れていきま
alert(week[0]); す。
} 1番目の要素は0であらわ
します。
☆金曜日、土曜日、日曜日も追加しよう
ver.1.0 3
4. 10-2.html 配列その2
script
function hyoji(){
var week = ["月曜日","火曜日","水曜日
","木曜日","金曜日","土曜日","日曜日"];
alert(week[2]);
}
このような書き方をすると
配列に一度に全部の値を入
れることができます。
ver.1.0 4
5. 10-3.html 配列を操作する
script
function hyoji(){
var a = [5,4,3,2,1];
a.length
var alen = a.length; という書き方で配列の長さ
alert("aの要素の数は" + alen); がわかります。
var atext = a.join("");
alert("aをくっつけると" + atext);
a.join(“”)
a.reverse(); とすると配列をくっつける
alert("aを逆順にすると" + a.join(","));
ことができます。
a.join(“-”)とするとどうな
} る?
a.reverse()
で配列が逆順になります。
☆ほかにもsort()という操作があります。
これをするとどうなる??
ver.1.0 5
6. 10-4.html 配列とループ
script
function hyoji(){
var week = ["月曜日","火曜日","水曜日","木曜日","
金曜日","土曜日","日曜日"]; week.length
var wlen = week.length; という書き方で配列の長さ
がわかります。
var text = "";
for(var i = 0; i < wlen; i++){
text += week[i] + "<br>";
}
var output = document.getElementById("output");
output.innerHTML = text;
}
配列weekの中身をひとつず
つtextに足していきます。
ver.1.0 6
7. 10-5.html 配列でお絵かき
script
function hyoji(){
var num = [1,2,3,4,2,2];
var nlen = num.length;
var text = "";
for(var i = 0; i < nlen; i++){
var max = num[i];
for(var j = 0; j < max ; j++){
text += "☆"; 外側のforは、
}
text += "<br>";
配列numの要素を1つずつ取り出しま
} す。
var output = document.getElementById("output");
output.innerHTML = text;
} 内側のforでは、
☆を要素の値の数だけtextに足しま
す。
ver.1.0 7