男子プログラマーになりたいやつ

未経験から一端のエンジニア目指し日々勉強中です。

JavaScript いろんな関数

<a class="keyword" href="http://d.hatena.ne.jp/keyword/JavaScript">JavaScript</a> オブジェクト編 vol.7 f:id:TomozQ:20201110210038j:plain

JavaScript備忘録 Vol.10

目次
  • join( )
  • split( )
  • Math.floor( )
  • Math.ceil( )
  • Math.round( )
  • toFixed( )
  • Math.random( )




今回もJavaScriptの記事になっています。

今回は様々な命令のみの記事になっていますのでサクッといきます。

join( )

const d = [2020, 11, 10];

console.log(d.join('/'));


配列.join('/');

とすることで配列の中身を/で結合することができます。 f:id:TomozQ:20201110205715p:plain 間に何も入れたく無い場合には ('') として空文字を入れてあげればそのまま結合することができます。


split( )

const t = '22:00:00'

console.log(t.split(':'));

split(':')の様にカッコに引数を入れてあげることで、要素を分割して配列にすることができます。 f:id:TomozQ:20201110205705p:plain

さらに

const t = '22:00:00'

const [hour, minuite, second] = t.split(':');

console.log(hour);
console.log(minuite);
console.log(second);

console.log(`${hour}時${minuite}分${second}秒`);

分割代入を用いることで

f:id:TomozQ:20201110205655p:plain

この様な結果を出力することができます。




Math.floor( )

ここからは数値の扱いを見ていきましょう

const nums = [1, 5, 7];

まずは

数値の合計平均を見ていきます。

const nums = [1, 5, 7];

let sum = 0;

nums.forEach(num => {
  sum += num;
});

let avg = sum/nums.length;

console.log(sum);
console.log(avg);

こんな感じですね

f:id:TomozQ:20201110205640p:plain

333333333...が気になりますよね。

ここでMath.floorを使います。

console.log(Math.floor(avg));

f:id:TomozQ:20201110205624p:plain この様にMath.floor(引数)とすることで、小数点以下を切り捨ててくれます。


Math.ceil( )

ここからはチョッぱやで進みます

例文は上記通り。

consoleに渡す数字を

console.log(Math.ceil(avg));

とすることで小数点以下を切り上げてくれます。 f:id:TomozQ:20201110205610p:plain


Math.round( )

例文は上記通り。

console.log(Math.round(avg));

とすることで四捨五入てくれます。 f:id:TomozQ:20201110205558p:plain


toFixed( )

console.log(avg.toFixed(3));

とすることで小数点以下引数の値までを出力してくれます。 f:id:TomozQ:20201110205545p:plain


Math.random( )

これは以前もやりましたね。

  console.log(Math.random());

Math.random()とすることでランダムな数値を生成してくれます。

リロード1回目

f:id:TomozQ:20201110205533p:plain

リロード2回目

f:id:TomozQ:20201110205522p:plain

リロード3回目

f:id:TomozQ:20201110205511p:plain




今回はここまで

次回は・・・まだまだJS!

それではまた次回!