JavaScriptリファレンス入門 - P.S.P.T. 計算物理研究会

JavaScriptリファレンス入門

言語に関する話題はこちら→JavaScript & jQuery

---

リファレンス

コメント文

// コメント文です。
 

変数に数字を代入する

• javascriptではvarのような変数宣言を必ずしもする必要はないがソースの明快さの為に宣言することが推奨される。

var a=1;
var b=-1;

文字を出力する

• 文字列を表示させる場合は'(クォーテーション)か"(ダブルクォーテーション)で囲む必要がある。
• アラートダイアログ上に表示する際は改行(\n)の利用が可能。

アラートダイアログ上に表示

var a=1;
var b=-1;
alert(a);
alert(b);
alert("一行目\n二行目");

ブラウザ上に表示

var a=1;
var b=-1;
document.write(a+"<br>"+b+"<br>test");

コンソール上に表示

var a=1;
var b=-1;
console.log(a);
console.log(b);

簡単な計算をする

足し算	+
引き算	-
掛け算	*
割り算	/
剰余	%
累乗	Math.pow(,)

aとbの和を出力する

var a=1;
var b=-1;
var solution=a+b;
document.write(solution);

aのb乗を出力する

var a=1;
var b=-1;
var solution=Math.pow(a,b);
document.write(solution);

少し複雑な計算をする

• ここでは解の公式を例とする。ただし±のうち+の方のみを再現する。
• 括弧は()のみ扱える。
• 平方根を返す関数はMath.sqrt(x)。

var a=1;
var b=-1;
var c=-1;
var x=(-b+Math.sqrt(Math.pow(b,2)-4*a*c))/(2*a);
document.write(x);

変数の変換

文字列->数値	Number(文字列)
数値->文字列	String(数値)

変数に数字を代入したからと言ってブラウザがそれを数字として認識するとは限らない。変数の型を意識しよう。

文字列を数値に変換する

var a='1';
var b='-1';
document.write(a+b);
document.write('<br>');
a=Number(a)
b=Number(b)
document.write(a+b);

数値を文字列に変換する

var a=1;
var b=-1;
document.write(a+b);
document.write('<br>');
a=String(a)
b=String(b)
document.write(a+b);

端末から情報を入力する

ダイアログに入力する方法とフォームに入力する方法の2つがある。

ダイアログにYES/NOを入力する

var a=confirm('これはペンですか？');
alert(a);

ダイアログに文字を入力する

var str=prompt('あなたは誰ですか？','');
alert('私は'+str+'です。')

フォームに文字を入力する

<!--HTMLのコード-->
<form name="js">
<p>あなたは誰ですか？</p>
<input type="text" value=""><input type="button" value="OK" onclick="test()">
</form>

//JavaScriptのコード
function test(){
var str=document.js.elements[0].value;
alert('私は'+str+'です。');} 

繰り返し文

繰り返し文にはfor文とif文の2つがある。while文はfor文に比べ初期化式や変化式がない。for文は決まった回数だけ繰り返す場合に使われることが多く、while文では繰り返し回数が決まっていない場合などに使われることが多い。

for文

var sum=0;
for(i=0;i<5;i++){
 sum=sum+1;
 alert(sum);
} 

while文

var sum=0;
var i=0;
while(i<5){
 i++;
 sum=sum+1;
 alert(sum);
} 

条件分岐

条件分岐にはif文とswitch文の2つがある。一般的な条件分岐ではif文が使われ、分岐が多い場合はswitch文が使われることが多い。また簡単な条件分岐であれば条件演算子?を使ってもよい。

if文

var num=prompt('正の数を入力すれば合格です。','');
num=Number(num);
if(num>0){
 alert('合格');
}
else{
 alert('不合格');
} 

switch文

var num=prompt('1を入力すれば合格です。','');
num=Number(num);
switch(num){
 case 1:alert('合格');break;
 default:alert('不合格');break;
} 

条件演算子?

var num=prompt('正の数を入力すれば合格です。','');
num=Number(num);
num>0?alert('合格'):alert('不合格');

配列

• 配列とは添え字付き変数に対応するものである。
• 対応する添え字が0から始まることに注意。
• ここでは出力にfor文を用いた。

var ary=[3,1,4];
for(i=0;i<3;i++){
 alert(ary[i])
} 

多次元配列

	j=0	j=1	j=2
i=0	3	1	4
i=1	2	7	1
i=2	1	3	7

• 上のi行j列の表を再現する。
• 列間が連続しないように (空白)を挟んだ。

var ary=[[3,1,4],[2,7,1],[1,3,7]];
for(i=0;i<3;i++){
document.write('<p>');
for(j=0;j<3;j++){
document.write(ary[i][j]+'&nbsp;');
}
document.write('</p>');
}