【JavaScript】returnで呼び出し元に値を返す（戻り値）

JavaScriptでは、関数が特定の処理を実行してその結果を呼び出し元に返すことが一般的です。この戻り値は、関数の重要な機能であり、プログラミングにおいて非常に有用です。本記事では、JavaScriptの関数の戻り値に焦点を当て、その基本的な概念について探っていきましょう。

returnキーワードの役割

JavaScriptの関数が値を返す場合、returnキーワードを使用してその値を指定します。これにより、関数の実行結果が呼び出し元に戻されます。

function add(a, b) {
    return a + b;
}

var result = add(3, 5);
console.log(result); // 結果は8

複数の値を返す方法

関数は通常、1つの値しか返せませんが、配列やオブジェクトを使用して複数の値をまとめて返すことができます。

function calculateStats(numbers) {
    var sum = 0;
    var average = 0;

    for (var i = 0; i < numbers.length; i++) {
        sum += numbers[i];
    }

    if (numbers.length > 0) {
        average = sum / numbers.length;
    }

    // 複数の値をオブジェクトとして返す
    return {
        sum: sum,
        average: average
    };
}

var stats = calculateStats([1, 2, 3, 4, 5]);
console.log(stats.sum);     // 結果の合計
console.log(stats.average); // 結果の平均

戻り値がない場合の挙動

関数が何も返さない場合、またはreturn文がない場合、その関数はundefinedを返します。

function sayHello() {
    console.log("Hello!");
    // return文がないので、暗黙的にundefinedが返る
}

var greeting = sayHello();
console.log(greeting); // 結果はundefined

戻り値の型

JavaScriptの関数は任意の型の値を返すことができます。数値、文字列、配列、オブジェクトなど、どんな型でも戻り値として使用できます。

function checkNumberType(number) {
    if (number % 2 === 0) {
        return "偶数";
    } else {
        return "奇数";
    }
}

var result = checkNumberType(7);
console.log(result); // 結果は奇数

まとめ

これらの基本的な概念を理解することで、JavaScriptの関数の戻り値に対する理解が深まり、より効果的なプログラミングが可能になります。関数を活用して、より柔軟で強力なコードを構築しましょう。