【JavaScript】数学関数
Mathオブジェクト
高度な計算を行うには、Mathオブジェクトを使います。
Mathオブジェクトの主なプロパティとメソッドには、次のようなものがあります。
働き | 使い方 | 計算結果 | |
---|---|---|---|
プロパティ | |||
PI | 円周率 | a = math.PI; | 約3.141592653.... |
メソッド | |||
abs( ) | 絶対値 | a = Math.abs(-100); | 100 |
ceil( ) | 切り上げ | a = Math.ceil(100.4); | 101 |
floor( ) | 切り捨て | a= Math.floor(100.4); | 100 |
max( ) | 最大値を返す | a = Math.max(1,8,3); | 8 |
min( ) | 最小値を返す | a = Math.min(1,8,3); | 1 |
pow( ) | べき乗 | a = Math.pow(4,2); | 16 |
random( ) | 乱数を発生させる | Math.random( ); | 0から0.999..までの乱数 |
round( ) | 小数点以下を丸める | a = Math.round(100.4); | 100 |
sqrt( ) | 平方根 | a = Math.sqrt(25); | 5 |
random( )メソッド
random( )メソッドは、0以上1未満の範囲で実数の乱数を発生させます。例えば1から10までの乱数を発生させたい場合は、
a = Math.floor(10 * Math.random( ) ) + 1; //floor( )メソッドで小数点以下を切り捨てます
<例題>
乱数を使って、ページを再読込するたびに背景色が変わるJavaScriptを記述します。
<?xml version="1.0" encoding="utf-8" ?> <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"> col = new Array( ); col[0] = "red"; col[1] = "blue"; col[2] = "yellow"; col[3] = "green"; col[4] = "pink"; col[5] = "gray"; n = Math.floor(Math.random( ) * col.length); document.bgColor = col[n]; </script> </body> </html>