[JavaScript] 関数から複数値を返す

投稿日：2016年10月22日更新日：2018年5月2日

通常JavaScriptの関数の戻り値は１つですが、
以下のようにすれば複数値返すこともできます。

方法１）配列で返す

連想配列を使えば複数の値を返すことができます。

function get369(val){
 var obj = new Object();
 obj.val3 = val * 3;
 obj.val6 = val * 6;
 obj.val9 = val * 9;
 return obj;
}

function get369(val){

var obj = new Object();

obj.val3 = val * 3;

obj.val6 = val * 6;

obj.val9 = val * 9;

return obj;

}

※数値チェック等は省略しています。

こんな感じで値を取得できます。

var a = get369(2);
document.write(a.val3);
document.write(a.val6);
document.write(a.val9);

var a = get369(2);

document.write(a.val3);

document.write(a.val6);

document.write(a.val9);

ECMAScript6ではfunctionの複数戻り値に対応しました。

function get369(val) {
  var a = val * 3;
  var b = val * 6;
  var c = val * 9;
  return [a, b, c];
}

function get369(val) {

var a = val * 3;

var b = val * 6;

var c = val * 9;

return [a, b, c];

}

こんな感じで値を取得できます。

var [a, b, c] = get369(2);
document.write(a);
document.write(b);
document.write(c);

var [a, b, c] = get369(2);

document.write(a);

document.write(b);

document.write(c);

執筆者：とら