ホームページ作成支援
ジャバスクリプト辞典 超基本こ難しい基本その1こ難しい基本その2予約語変数演算子条件文1条件文2
関数関数と変数関数の戻り値いろいろな関数配列フォームとフレームクッキー
JavaScriptサンプル1JavaScriptサンプル2JavaScriptサンプル3
JavaScript見習所

関数の戻り値

■戻り値とは
関数は処理した結果を返すことができます。このとき返すことのできる値は一つです。この返される値を「戻り値」と呼びます。値を返すには「return」文を使います。形式は戻り値をreturnの後ろに一つ書きます。
function 関数の名前(引数){
実行するJavaScript
return(戻り値)
}

■戻り値の例
<html>
<head>
<title>グローバル・ローカル変数戻り値版</title>
<script language="JavaScript">
<!--
function nyuryoku(r){
r=eval(r);
r+=5;
return r;
}
//-->
</script>
</head>
<body>
<script language="JavaScript">
<!--
var i;
i=prompt("数字を入力してください","");
document.write("入力された数字は",i,"ですね<br>");
document.write("入力された数字に5加えると",nyuryoku(i),"です");
//-->
</script>
</body>
</html>
「return r;」で関数に計算させた結果を呼び出し元に戻しています。実行例はこちら

■干支判断
西暦を12で割ったあまりによって判別します。それぞれの干支は、干支(12で割ったあまり)とすると、申(0)酉(1)戌(2)亥(3)子(4)丑(5)寅(6)卯(7)辰(8)巳(9)午(10)未(11)です。
<html>
<head>
<title>干支判断</title>
<script language="JavaScript">
<!--
function eto(r){
var youreto;
r=parseInt(r);
r%=12;
switch(r){
case 4:youreto="子";
break;
case 5:youreto="牛";
break;
case 6:youreto="寅";
break;
case 7:youreto="卯";
break;
case 8:youreto="辰";
break;
case 9:youreto="巳";
break;
case 10:youreto="午";
break;
case 11:youreto="未";
break;
case 0:youreto="申";
break;
case 1:youreto="酉";
break;
case 2:youreto="戌";
break;
case 3:youreto="亥";
break;
default:
youreto="判別不能";
}
return youreto;
}
//-->
</script>
</head>
<body>
<script language="JavaScript">
<!--
var i;
i=prompt("生まれた年を西暦で入力してください","");
document.write("入力された数字は",i,"ですね<br>");
document.write("貴方の干支は",eto(i),"です");
//-->
</script>
</body>
</html>
「r=parseInt(r);」で「r」が文字列の場合、整数に変換しています。整数に変換できないときは、「NaN」(数字ではない)という文字に変換されます。実行例はこちら

ジャバスクリプト
超基本こ難しい基本その1こ難しい基本その2予約語変数演算子条件文1条件文2
関数関数と変数関数の戻り値いろいろな関数配列フォームとフレームクッキー
JavaScriptサンプル1JavaScriptサンプル2JavaScriptサンプル3
便利リンク
ネット便利帳ホームページ作成支援イラストラウンジおすすめスタイルシートメモみつけたきせき