JavaScriptの関数の引数をやさしく解説！初心者でも理解できる基本と使い方

新人と先輩の会話形式で理解しよう

新人

「JavaScriptで関数にデータを渡すって、どうやるんでしょうか？」

先輩

「JavaScriptの関数では引数を使ってデータを渡すことができます。これはとても大事な概念なので、一緒に基本から学んでいきましょう！」

1. 引数とは何か？

JavaScriptの関数の引数（ひきすう）とは、関数に渡すデータのことを指します。関数を呼び出すときに必要な情報を引数として渡すことで、関数はその情報を使って処理を行います。

たとえば、「二つの数を足す関数」を作るとき、二つの数字を引数として渡せば、関数がそれらを足してくれます。

2. 引数を使った基本の関数例

次に実際に引数を使った関数の例を見てみましょう。引数を使って二つの数字を足し合わせる関数を作り、その結果を画面に表示します。


<script>
function addNumbers(num1, num2) {
    document.write("足し算の結果は: " + (num1 + num2) + "<br>");
}

addNumbers(5, 3);
addNumbers(10, 15);
</script>

ブラウザ表示

このプログラムでは、addNumbersという関数を定義しています。この関数は、二つの引数num1とnum2を受け取り、それらを足し算して結果をdocument.writeで画面に表示します。

3. 実行結果を確認しよう

プログラムを実行すると、次のような結果が表示されます。

足し算の結果は: 8
足し算の結果は: 25

このように、関数に異なる引数を渡すことで、それぞれの計算結果が表示されることが確認できます。

4. 引数を使った他の例

引数は、単に数値だけでなく文字列や他のデータ型にも使えます。次に、文字列を引数にしてメッセージを表示する関数の例を見てみましょう。


<script>
function greet(name) {
    document.write("こんにちは、" + name + "さん！<br>");
}

greet("太郎");
greet("花子");
</script>

ブラウザ表示

このプログラムでは、greetという関数が一つの引数nameを受け取り、その引数に応じたメッセージを表示します。

結果は以下のように表示されます：

こんにちは、太郎さん！
こんにちは、花子さん！

5. 引数の重要性と応用例

引数を使うことで、同じ関数を繰り返し利用し、異なるデータに対して処理を行うことが可能になります。これにより、コードを効率的に書くことができ、複雑なプログラムも簡単に組み立てられます。

例えば、複数のユーザーに対してカスタマイズされたメッセージを送ったり、さまざまな計算を自動的に行ったりすることができます。