【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>