今回は文字列処理の日時データの変換問題を解いたから解説！
おまけで今回はイベントリスナーについて勉強してみた！
🔍問題概要
yyyy/MM/dd hh:mm の形式で与えられる日時を、以下の順で出力
入力される値：
yyyy/MM/dd hh:mm
期待する出力：
yyyy
MM
dd
hh
mm
💻コード例
const rl = require('readline').createInterface({ input: process.stdin });
rl.on('line', (input) => {
const parts = input.split(' ');
const date = parts[0].split("/");
const time = parts[1].split(':');
[...date, ...time].forEach(val => console.log(val));
rl.close();
});
✏簡単に解説
-
入力を空白で2つに分ける →
dateとtime -
それぞれ
/と:でさらに分解 -
スプレッド構文で日付と時間の配列を結合し、1つの配列にまとめて、
console.logで出力
おまけ：イベントリスナーについて
今回のように、標準入力が 1行だけで完結しているケースでは once の方がベスト。
rl.once('line', (input) => {
const [date, time] = input.split(' ');
[...date.split('/'), ...time.split(':')].forEach(val => console.log(val));
rl.close();
});
✅ rl.once('line', ...) を使うとスマートな理由
🔍 .on()と.once()の違いまとめ
✅ .once()がスマートな理由
-
.on()でもremoveListener/offでリスナー削除可能だが、.once()は自動削除でシンプル。 -
.close()は1回実行後にすぐ呼び出すのが自然で、タイミングが明確。 -
「1回だけ」の意図がコードで読みやすい。
※ .once は on + removeListener を1行で実現。
🛠 JavaScriptのイベントリスナーってなに？
イベントリスナーって、ざっくり言えば、
「イベントが起きたときに動く関数を登録する仕組み」。
🔁 readline の例で見るイベントリスナー
Node.js の readline モジュールでも、同じ仕組みが使われている：
rl.on('line', (input) => {
// ユーザーが1行入力するたびにこの関数が実行される
console.log(`入力：${input}`);
});
この on('line', callback) は
👉 「ユーザーが1行入力したら callback を呼んでね！」という イベントリスナーの登録！
💡 重要なポイント
イベントリスナーとは？： イベントが起きたときに実行される関数を登録する仕組み
例： click , load , line , data , error , close など
目的： イベント駆動型のプログラムを作る（待ち構えて反応する）
.addEventListener （ブラウザ向け、HTML・DOM）
どこで使う？
ブラウザ上で、ボタンやフォーム、画面の要素に対して使う。
element.addEventListener('click', () => {
console.log('クリックされた！');
});
特徴:
- 同じイベントに複数個リスナーを登録できる
- 登録したイベントをあとで削除（
remove）できる - ブラウザの標準的なイベントリスナーの登録方法
.on （Node.js 向け、サーバー・バックエンド）
どこで使う？
Node.jsで、readline、httpサーバー、ファイル操作などのイベントを持つオブジェクトに対して使う。
server.on('request', (req, res) => {
res.end('Hello World');
});
rl.on('line', (input) => {
console.log('ユーザーが入力した:', input);
});
特徴:
- イベントドリブン（＝イベントが起きたら動く）なプログラムを作る
-
.on()と.once()はどちらもEventEmitterの標準メソッドで、用途に応じて使い分ける
イベントリスナーの基本：
✅ ブラウザでは、DOM要素（例: ボタンやフォーム）のイベントを扱うために .addEventListener を使用する。
✅ Node.jsでは、EventEmitterベースのイベント（例: 入力やサーバーリクエスト）を扱うために .on や .once を使用する。
ただし、Node.jsでも puppeteer（ヘッドレスブラウザ）や jsdom（仮想DOM環境）のようなDOM互換環境では.addEventListener が使われる場合がある。
用途に応じて適切なメソッドを選ぼう！
補足: 両者とも複数リスナー登録可能。.once()は自動削除で管理が楽。