JavaScriptでランダムな整数値を生成する・日時の取得・alertとconfirm

JavaScript備忘録 Vol.11

目次

• ランダムな整数値
• 日時
• alert( )・confirm( )

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

ランダムな整数値

ここではランダムな整数値の出力してみましょう

前回の記事の

Math.random( )を使っていきます。

console.log(Math.floor(Math.random() * 6) + 1)

1.Math.floor( )で小数点以下を切り捨て
2.Math.random( )で0 ~ 1未満の乱数を生成
3.Math.randomに6をかける...0 ~ 6未満の整数の乱数を生成
4.最後に全体に1を足してあげる...1 ~ 7未満の整数の乱数を生成

これで1.00... ~ 6.9999.....の間で乱数が生成され、小数点以下が切り捨てられるという処理になります。

1回目

2回目

3回目

日時

ここでは日時の操作を見ていきましょう。

1. 現在日時
2. 特定の日時

現在日時

const d = new Date();

console.log(d);

new Date()とすることで、現在の曜日、月、西暦、時間を取得することができます。

さらに

const d = new Date();

const year = d.getFullYear();
const month = d.getMonth();
const date = d.getDate();
const day = d.getDay();
const hour = d.getHours();
const minute = d.getMinutes();
const second = d.getSeconds();
const milliSecond = d.getMilliseconds();

console.log(year);
console.log(month);
console.log(date);
console.log(day);
console.log(hour);
console.log(minute);
console.log(second);
console.log(milliSecond);

dを現在日時として取得することで


・d.getFullYear( )で西暦

・d.getMonth( )で月

・d.getDate( )で日

・d.getDay( )で曜日

・d.getHours( )で時間

・d.getMinutes( )で分

・d.getSeconds( )で秒

・d.getMilliseconds( )でミリ秒


を取得することができます 月は0 ~ 1が出力され、0が1月になります。

何月何日と出したい場合には

console.log(`${month + 1}月${date}日`);

としてあげればいいですね。

曜日も0 ~ 1が出力され、0が日曜になります。

特定の日時

決まった日時を使いたい場合もあります。

その時には引数に値を入れてあげます。

const d = new Date(2000, 10);

console.log(d);

年は2000年としてあげて、月は10とすることで11月を出力してくれます。 日付は1、時刻は0を自動で入れてくれます。

あとから時間を入れることもできます。

const d = new Date(2000, 10);
d.setHours(10, 20, 30);

console.log(d);

この様にsetHours( )に引数を3つ渡してあげることで時間、分、秒を設定することができます。

また、日付を入れることもできます。

const d = new Date(2000, 10);
d.setHours(10, 20, 30);
d.setDate(30);

console.log(d);

30日に変わりましたね。


さらにこのgetDate( )は自動補正もしてくれます。

例えば11月は30日までしかありませんが、

d.setDate(31);

とすると

月が変わって12月の1日になりましたね。

alert( )・confirm( )

ここからちょっとだけ画面を動かしていきましょう

1. alert( )
2. confirm( )

alert( )

alert('Hello JavaScript');

alert( )とすることでダイアログを表示することができます。

confirm( )

confirm('Are You Sure?');

confirm( )もalert( )と同じ様にダイアログを出すのですが


選択肢にOKとキャンセルがあります。

これはどちらを選択したかが返り値として取得できます。

const answer = confirm('Are You Sure?');

if(answer){
  console.log('削除しました')
}else{
  console.log('キャンセルしました')
}

OKを選び、answerがtrueの時には削除しましたとコンソールに出力し、
キャンセルを選び、falseの時にはキャンセルしましたと出力されています。

今回はここまで

次回は・・・まだまだJS！

それではまた次回！