電卓のJavaScriptで

質問

大学でプログラミング基礎の講義を取っているのですが、そこで配られたテキストをなぜそうなるのか理解できなかったのでご教授お願いします。

電卓のJavaScriptなのですが、
<script language = "JavaScript">
count = 0;
sum = 0;
num = 0;
flag = 0;
list = new Array( "0", "0", "0", "0", "0" );

これはグローバル変数ですべてのfunctionに適応させるためのものだと
思うのですが、sum = 0;num = 0;というのはこのJavaScriptでどのような
意味を持ったものなのでしょうか？

function clist( ) {
for( i = 0 ; i < 5 ; i++ ) {
list[ i ] = 0;
}
}
このlist[ i ] = 0;というのは配列変数を使っているのですが、何を意味しているのでしょうか？

また、このループを使うことによってどのような意味があるのでしょうか？

function aclear( ) {
count = 0;
sum = 0;
num = 0;
flag = 0;
clist( );
display.value = 0;
}

function calc1( ) {
num = sum;
clist( );
display.value = num;
flag = 1;
}
function calc2( ) {
num = sum;
clist( );
display.value = num;
flag = 2;
}
function calc3( ) {
num = sum;
clist( );
display.value = num;
flag = 3;
}
function calc4( ) {
num = sum;
clist( );
display.value = num;
flag = 4;
}
これらのcalc１からcalc4のなかの式の意味がよくわかりません(>_<)

function equal( ) {
if(flag == 1) {
sum = num + sum;
}
else if(flag == 2) {
sum = num - sum;
}
else if(flag == 3) {
sum = num * sum;
}
else if(flag == 4) {
sum = num / sum;
}
else {
aclear( );
}
display.value = sum;
}
function push1( ) {

list[count] = 1;
sum = list[count];
↑
この部分は何を意味しているのでしょうか？

for( i = 0 ; i < count ; i++ ) {
temp = 1;
for( j = i ; j < count ; j++) {
temp = temp * 10;
}
sum += list[i] * temp;
}
count += 1;
display.value = sum;
}
list[count] = 1;
以下同様に
function push9
まで続く。

ちょっと長すぎるので、全部書きたかったのですが、無理でした。
正直さっぱりなので、困っています。

回答No.5

noname#47975 · ベストアンサー

ソースを見ただけでは少々把握し辛いですが、個人的な推測のみで回答します。

［１］

count = 0;
sum = 0;
num = 0;
flag = 0;
list = new Array( "0", "0", "0", "0", "0" );

count：入力された桁数を格納する変数
sum : 入力された数字の合計値／演算結果を格納するための変数
num : １度入力された数字を保持するための変数
flag : 入力された演算子の情報を格納する変数（演算子識別フラグ）
list :入力された各桁の数字を格納する配列変数

この部分では、各変数の初期化を行っているものと思われます。

［２］

function clist( ) {
for( i = 0 ; i < 5 ; i++ ) {
list[ i ] = 0;
}
}

この部分では各桁に保持されていた数値をクリアする処理を行っていると推測されます。

［３］

function calc1( ) {
num = sum;
clist( );
display.value = num;
flag = 1;
}
function calc2( ) {
num = sum;
clist( );
display.value = num;
flag = 2;
}
function calc3( ) {
num = sum;
clist( );
display.value = num;
flag = 3;
}
function calc4( ) {
num = sum;
clist( );
display.value = num;
flag = 4;
}

この部分では、演算子のボタンを押したときの処理内容を記述しているように思えます。

calc1は［＋］ボタンを押したとき、
calc2は［－］ボタンを押したとき、
calc3は［×］ボタンを押したとき、
calc4は［÷］ボタンを押したとき

に実行される関数に相当するものと思われます。

［４］

function equal( ) {
if(flag == 1) {
sum = num + sum;
}
else if(flag == 2) {
sum = num - sum;
}
else if(flag == 3) {
sum = num * sum;
}
else if(flag == 4) {
sum = num / sum;
}
else {
aclear( );
}
display.value = sum;
}

この部分ではいずれかの演算子のボタンを押した後に、［＝］のボタンを
押したときの処理を記述しているものであると思われます。
if-elseの部分では、どの演算子を前もって押したかによってケース分けをして処理を記述しているものと思われます。ちなみに、押した演算子の判別はflagの値によって行われているようです。

［５］

function push1( ) {

list[count] = 1;
sum = list[count];
↑
この部分は何を意味しているのでしょうか？

for( i = 0 ; i < count ; i++ ) {
temp = 1;
for( j = i ; j < count ; j++) {
temp = temp * 10;
}
sum += list[i] * temp;
}
count += 1;
display.value = sum;
}
list[count] = 1;
以下同様に
function push9
まで続く。

［１］～［９］のうちのいずれかのボタンを押下した際の処理を記述していると思われます。ここで、仮に、［１］、［２］、［３］、［４］の順番で
ボタンを押していったとすると、

［１］を押したとき、画面には１が表示され、
続けて［２］を押したときに、画面には１２と表示、
さらに続けて［３］を押したとき、画面には１２３と表示、
最後に［４］を押したとき、画面には１２３４と表示されるような構成に
なっていると思われます。

なお、本プロセスの処理の最後には、

list[0] = 1
list[1] = 2
list[2]= 3
list[3] = 4
count = 4
sum = 1234

となっているはずです。

回答No.4

gaku1

No.2です。No.2にずいぶん間違いを書きました。

　これは数字ボタン「１」を押したときの処理ですが、もし、上の方に書いたように、これがバグフィックスの例題だとすれば、あなたはたいへん良い目をしています。右辺と左辺が逆でないと正しく動作しません。

というのは真っ赤な間違いで、「窓に表示されている」数字の１の位をsumに格納しています」が正しいです。バグフィックス云々はまちがいです。
　失礼しました。

回答No.3

leap_day

こんにちは

講義の内容でしたか・・・そういってくだされば前回のも幾らか答えようがあったのですのに（＞＜）
てっきり自作のものだと思っていました

最初のは初期値の設定みたいなものですね
最初から総数とか入ってたら電卓になりませんから・・・

function clist( ) はlist = new Array( "a", "b", "c", "d", "e" );のa,b,c,d,eを０にするということ
別の言い方すると　
list[0]=0;
list[1]=0;
list[2]=0;
list[3]=0;
list[4]=0;
ということ

function aclear( ) は電卓ボタンの「C」の機能（全部を０にする）

function calc1( )はnumという変数にsumを入れ込んで
function clist()を実行
<input type = "text" name = "display">のvalue値にnumを入れ、
flagに1をいれる

function equal( )はflagが１なら足算、２なら引算、３なら掛算、４なら割算、それ以外ならクリアボタン（function aclear()実行)

function push1( ) は１回目に１を押すとlist[0]に１をいれてcount+1、displayにsum（1）を表示
２回目に１を押すとlist[1]に１をいれてそれをsumに投入、countの数だけ（1回）tempを10倍、それをlist[0]に掛けてsumを足していく。
そしてcount+1、displayにsum（１１）を表示
3回目に押すとlist[2]に1をいれてsumに投入、tempを10倍を2回してlist[0]に掛けてsumに足す。tempを10倍してlist[1]に掛けてsumに足す
。そしてcount+1、displayにsum（１１１）を表示

書いていないけどおそらくpush2()はlist[count]=2; temp=2;push3()はlist[count]=3; temp=3;ではないですか？

という流れになると思うのですが・・・
多分５桁計算の電卓になるのだと思うのですが（list[4]までしかないけど万の位以降はどう削除したり計算するんだろう？）
function clist()はcount数まで削除した方がいいのでは？

お礼

＞書いていないけどおそらくpush2()はlist[count]=2; temp=2;push3()はlist[count]=3; temp=3;ではないですか？

これはすべてtemp=1になっていますね。
それでも正常に動作するので、list[count]の値が変わるので、
これでいいのではないでしょうかね。

回答No.2

gaku1

No.1の方が仰る通り、最初に変数の初期化という作業をしています。電卓のスイッチを入れた状態を作るわけです。なにも入力されていない状態です。

　書かれている順番を少し変えて説明します。

sum = 0;
num = 0;
　この２つは計算対象になる数値を保持します。電卓の窓は、計算結果を表示しているときと、これまでの結果は表示されずにかわりに入力中の数値が表示されているときがあります。numはこれまでの計算結果です。sumは入力した数値です。操作の状態によって、２つのいずれかが窓に表示されます（display.value = sum; や display.value = num;など）。

list = new Array( "0", "0", "0", "0", "0" );
　これは、数値を入力中に表示窓に表示される数値を保持するための配列変数です。ボタンを押すたびに左から順番に0～9という数値が入ります（一番左だけは1～9が入るはずですが、下にfunction push0()への言及がないので、本当にそうなっているかどうかは不明です）。入力中に数字ボタンが押されているときにこの変数値が変化します。また、クリアボタンが押されるとfunction clist()によって５桁全部が0になります。数字ボタンが押されるたびにpush1()などによってここの変数値が10進法における数値に変換されて変数sumに格納されます。

count = 0;
　上のlistと関連しています。ボタンを押したことによって、表示窓に表示された数字の桁数を保持する変数です。
　「15+3=」という計算をするとき、まず「1」を押したときに呼ばれるfunction push1()の処理によってこの変数の値は１になります（count += 1;の部分。countに１を加えるという意味です）。次に「２」を押すとfunction push5()の処理によりこの変数の値は2になります（count += 1;の部分）。この時点で、listの内容は[1,5,0,0,0]になっています。
　count=0のとき、list[count]は配列の０番目である一番左の値（上の例では１）を指します。１桁入力するとcountの値は１となって、「つぎに数値を格納すべきlist[1]」を表すとともに「現在の桁数」を同時にあらわしています。

flag = 0;
　これは、この後おこなう四則演算の種類を保持します。値が１ならたし算、２なら引き算、３ならかけ算、４なら割り算です。「＋」ボタンを押した得にfunction calc1()がコールされて値が１にセットされます。残りも三つも同様です。
　「15+3=」の計算では、実際にたし算が行われるのは「＝」を押したときなので、それまで「＝が押されたらたし算をする」ということを覚えておくための変数です。

function clist( ) {
for( i = 0 ; i < 5 ; i++ ) {
list[ i ] = 0;
}
}
このlist[ i ] = 0;というのは配列変数を使っているのですが、何を意味しているのでしょうか？
また、このループを使うことによってどのような意味があるのでしょうか？

　これは「クリア」ボタンの処理です。listの値（入力中の値）を消しています。ただし、これまでの計算結果は消しません。ループを使うのは「list[0]=0;list[1]=0;list[2]=0;list[3]=0;list[4]=0;」と書くかわりです。適切にループを使うことにより、プログラムの可読性が高まるだけでなく、メインテナンスもしやすくなります。そういう効果を狙った処理です。
　ただし、このプログラムは正しく動作しないのではないかと思います。listとcountは整合性が保たれている必要があるのに、この関数内に「count = 0;」という記述がありません。ひょっとしたら、これは「電卓」スクリプトの答えなのではなく、バグフィックスのための例題なのではないですか？

function aclear( ) {
count = 0;
sum = 0;
num = 0;
flag = 0;
clist( );
display.value = 0;
}
　同様に「オールクリア」。スイッチを入れたときの状態にします。先頭にある初期化と同じです。

function calc1( ) {
num = sum;
clist( );
display.value = num;
flag = 1;
}
function calc2( ) {
num = sum;
clist( );
display.value = num;
flag = 2;
}
function calc3( ) {
num = sum;
clist( );
display.value = num;
flag = 3;
}
function calc4( ) {
num = sum;
clist( );
display.value = num;
flag = 4;
}
これらのcalc１からcalc4のなかの式の意味がよくわかりません(>_<)

　上にすでに書いてしまいましたが、演算ボタン「＋」などが押されたときの処理です。電卓の窓の表示を更新するとともに、「最後に＝が押されたときするのはたし算だよ」などという情報をflagにセットします。

function equal( ) {
if(flag == 1) {
sum = num + sum;
}
else if(flag == 2) {
sum = num - sum;
}
else if(flag == 3) {
sum = num * sum;
}
else if(flag == 4) {
sum = num / sum;
}
else {
aclear( );
}
display.value = sum;
}

　「＝」を押したときの処理です。calc1()などがセットしたflagの値によって四則演算のどれかを行い、計算結果を窓に表示しています。

function push1( ) {

list[count] = 1;
sum = list[count];
↑
この部分は何を意味しているのでしょうか？

　これは数字ボタン「１」を押したときの処理ですが、もし、上の方に書いたように、これがバグフィックスの例題だとすれば、あなたはたいへん良い目をしています。右辺と左辺が逆でないと正しく動作しません。

for( i = 0 ; i < count ; i++ ) {
temp = 1;
for( j = i ; j < count ; j++) {
temp = temp * 10;
}
sum += list[i] * temp;
}
count += 1;
display.value = sum;
}
list[count] = 1;
以下同様に
function push9
まで続く。

　「push0()」という、やや複雑な関数も定義されているはずですが、その「やや複雑」な部分とは、数値入力するときに最初に押された「０」は無視する（１～９が押されたときだけ処理する）という内容であるはずです。

　以上です。参考になったでしょうか。

お礼

ありがとうございました。

すべて完璧にわかったはまだ疑問なのですが、numとsumのこのプログラムないのでの位置づけや配列変数について内容を保持するために=0としているとわかりました。

本当に貴重なお時間奪ってしまってすみませんでした。

回答No.1

noname#39970

導入の部分の解析ができているようなので　個々のfunctionやループを単位に同じように解析を行ってみたら良い。
意味のわからない処理の単位も　上位の括弧(主に{})での単位で見ると処理している物が見えてくる筈。

例
count = 0;//countを0に
sum = 0;//sumを0に
num = 0;//numを0に
flag = 0;//flagを0に
list = new Array( "0", "0", "0", "0", "0" );//listを5個の配列でそれぞれ0に

これらをグループとして見たときに
「これは初期化」
という機能である事が判る。

お礼

ご回答ありがとうございます。
確かにそのとおりですね。

しかし、自分で解析をしようと思っているのですが、特に[]が使ってある
配列変数の処理が全くわからないのです。