JavaScript関数呼び出し時に、関数内の変数名に付いた数値を任意に変更したい

Question

###前提・実現したいこと
初歩的な質問となりますが、よろしくお願いいたします。
JavaScript(jQuery)で、関数の呼び出し時に、その関数の中にある変数名の数値を指定できればと考えていますが、そのようなことは可能でしょうか？

###該当のソースコード
たとえば下記のような場面において、変数elm01の「01」を「03」や「05」など、任意の数値に変更したいと考えています。

var elm01 = '';

var testFunc = function(){
  elm01 += '<div>';
  if(true){
    elm01 += '<p>バナナ</p>';
  }else if (true) {
    elm01 += '<p>りんご</p>';
  }
  elm01 += '</div>';
};

//上記は、変数elm01とあるように「01」の数値は固定となっています。
//しかし今回は、呼び出し時に任意で数値を指定できればと考えています。
testFunc();

以上、何卒よろしくお願いいたします。

Answer 1

そういう使い方をしたいのであれば、もとの変数を配列にするのがいちばん自然です。

var elems = [];

var testFunc = function(num){
  elems[num] += '<div>';
  if(true){
    elems[num] += '<p>バナナ</p>';
  }else if (true) {
    elems[num] += '<p>りんご</p>';
  }
  elems[num] += '</div>';
};


testFunc(5);

「やりたいことと違う」、あるいは「変数名は変えられない」などありましたらお知らせください。

Comments

[退会済みユーザー]

ご回答いただきありがとうございます。
お教え頂いたこちらの方法を参考にさせていただきたいと思います。

Answer 2

functionの戻り値を使えばいいのでは？

function testFunc(){
  var elm = '';
  if(true){
    elm += '<p>バナナ</p>';
  }else if (true) {
    elm += '<p>りんご</p>';
  }
  elm += '</div>';
  return elm;
}

var elm01 = testFunc();
var elm03 = testFunc();
var elm05 = testFunc();

Comments

[退会済みユーザー]

ご回答いただき本当にありがとうございます。
このような方法で実装できることは存じませんでした。
是非とも参考にさせていただきます。