JavaScriptでメソッドに空の引数を渡す方法｜デフォルトパラメータの使い方
JavaScriptでメソッドに空の引数を渡すとは？
JavaScriptでは、関数（メソッド）を呼び出す際に引数を省略できます。このとき、関数側でデフォルトパラメータ（デフォルト引数）が定義されていれば、引数が空でも自動的にその初期値が適用されます。
以下は、空のパラメータを渡してJavaScriptのメソッドを呼び出すサンプルコードです。
コード例
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.result {
font-size: 18px;
font-weight: 500;
color: blueviolet;
}
</style>
</head>
<body>
<h1>メソッドに空のパラメータを渡す</h1>
<div class="result"></div>
<button class="Btn">ここをクリック</button>
<h3>上のボタンをクリックすると、multiply関数が空の引数で呼び出されます</h3>
<script>
let resEle = document.querySelector(".result");
let BtnEle = document.querySelector(".Btn");
function multiply(a = 2, b = 4) {
return a * b;
}
BtnEle.addEventListener("click", () => {
resEle.innerHTML = "掛け算の結果 = " + multiply();
});
</script>
</body>
</html>実行結果
ページを表示すると、次のような画面になります。
「ここをクリック」ボタンを押すと、multiply() が引数なしで呼び出され、画面には計算結果が表示されます。
解説：なぜ空の引数でも動作するのか
ポイントは、関数宣言時に a = 2, b = 4 という形でデフォルト値を設定している点です。これはES6（ECMAScript 2015）で導入された機能です。
- 引数を渡さない場合： multiply() → a=2、b=4 が適用され、「8」が返される
- 一部だけ引数を渡す場合： multiply(5) → a=5、b=4 が適用され、「20」が返される
- すべての引数を渡す場合： multiply(3, 6) → 「18」が返される
このようにデフォルトパラメータを使えば、引数が省略されてもエラーにならず、意図した初期値で処理を実行できます。オプション設定や柔軟なAPI設計に役立つテクニックなので、ぜひ活用してみてください。
-
JavaScriptのsort()メソッドとは?配列ソートの基本と比較関数の使い方を解説
JavaScriptのsort()メソッドは、配列の要素を並べ替えるための組み込みメソッドです。アルファベット順・数値順といった並べ替えの基準に加え、昇順・降順も自由に指定できます。デフォルトでは要素が文字列として比較され昇順にソートされますが、比較関数を渡すことで任意の順序を実現できます。 なお、sort()は元の配列そのものを変更する「破壊的メソッド」である点にも注意しましょう。元の配列を保持したい場合は、スプレッド構文([...arr])などで事前にコピーしておくのが安全です。 コード例 以下は、sort()メソッドを使って配列をソートするシンプルなサンプルコードです。 <!DO
-
JavaScriptのObject.fromEntries()メソッドとは？配列やMapをオブジェクトに変換する方法
JavaScriptのObject.fromEntries()メソッドは、「キー」と「値」のペアを持つ配列やMapなどのイテラブル（反復可能なオブジェクト）を、ひとつのオブジェクトに変換するためのメソッドです。 ES2019で追加されたこのメソッドは、オブジェクトを [key, value] 形式の配列に変換する Object.entries() と対になる存在であり、両者を組み合わせることで、オブジェクトのフィルタリングやデータ形式の変換を簡潔に記述できます。 基本構文 Object.fromEntries(iterable) 引数には、[キー, 値] のペアを要素として持つ配列やMapな