Math関数など

Math関数

• Mathとは「数学（Mathematics）」の意味
• 数値演算に便利なメソッドやプロパティが利用できるオブジェクト
• まえもってインスタンスを生成する必要はありません
• スタティックメソッド（インスタンスを生成しないで関数のように使用できる）

記述方法｜Math.メソッド（引数１、引数２、...）

最大値を戻すメソッドmax()

引数の中で最大値が戻り値

    var num = Math.max(2,52,41,98);

• 出力結果
  • 98

乱数を戻すメソッドrandom()

乱数（0.0以上1.0未満までのランダムな浮動小数点）が戻り値となる。

    var random = Math.random();
    	
    	if (random < 0.33) {
    	  document.write('&lt;h5&gt;', '大吉', '&lt;/h5&gt;');
    	} else if (random &lt; 0.66) {
    	  document.write('&lt;h5&gt;', '吉', '&lt;/h5&gt;');
    	} else {
    	  document.write('&lt;h5&gt;', '凶', '&lt;/h5&gt;');
    	}

• 出力結果
  • ランダムにおみくじ結果が表示。

乱数を整数表示 floor()

少数が戻り値となる乱数をfloor関数(小数点切捨)を組み合わせて整数表示。

   max = 10;
	var num;
	for(var i=0; i<10; i++){
		num = Math.floor(Math.random()*(max +1));
		document.write("&lt;h5&gt;",num,"&lt;/h5r&gt;");
		}

【応用】乱数を使ってイメージをランダム表示

イメージ画像ファイル名を乱数操作で毎回別表示

   numOfimg = 4;
	var num;
	num = Math.floor(Math.random()*numOfimg);
	document.write('<img src="img/0'+num+'.jpg" >');

Stringオブジェクト[length]

tringオブジェクトに入れた文字列をlengthプロパティで文字数を返す。

　　　　var str1 = new String('オブジェクト');
	  document.write('<h5>', str1, '</h5>');
  	  document.write('<h5>長さ:', str1.length, '</h5>');

• 出力結果

  • オブジェクト

  • 長さ:6

Stringオブジェクト[charAt]

charAtプロパティで指定文字列の何文字目かを戻り値で出力

　　　　var str1 = new String('オブジェクト');
	  document.write('<h5>', str1, '</h5>');
  	  document.write('<h5>3文字目を表示:', str1.charAt(2), '</h5>');

• 出力結果

  • オブジェクト

  • 3文字目を表示：ジ

Stringオブジェクト[link]

linkプロパティで指定文字列にハイパーリンクを指定

var url = 'http://d.hatena.ne.jp/web-html5/';
    var text = 'html5'.link(url);
    document.write('<h5>3文字目を表示:'+text+'</h5>');'</h5>');

• 出力結果

  • html5

Stringオブジェクト[fontsize]

fontsizeプロパティで指定文字列にフォントサイズを変更。

 var i;
      var text = '文字の大きさを変えてみよう';
      for(i=1;i<=7;i++){
      document.write('<h5>'+text.fontsize(i)+'</h5>');
	}

• 出力結果

文字の大きさを変えてみよう

文字の大きさを変えてみよう

文字の大きさを変えてみよう

文字の大きさを変えてみよう

文字の大きさを変えてみよう

文字の大きさを変えてみよう

文字の大きさを変えてみよう