連番付き変数をfor文のような繰り返し処理で実行させたい

Question

JavaScriptについて質問です。

以下のように、連番が付いた変数（text1〜3）と、それを利用する処理（ここではアラート）があるときに、それぞれの結果を確認したい場合は2つ目のコードのように、処理する内容（アラート）を3行書けば確認することができますが、3つ目のコードのように、連番部分をfor文などのようにしてカウントアップさせて、シンプルなコードで3つの処理を実行させる方法はありませんでしょうか？

よろしくお願いいたします。

var text1 = 'りんご';
var text2 = 'みかん';
var text3 = 'ばなな';

alert('きょうのおやつは' + text1 + 'です！');

2つ目のコード↓

alert('きょうのおやつは' + text1 + 'です！');
alert('きょうのおやつは' + text2 + 'です！');
alert('きょうのおやつは' + text3 + 'です！');

3つ目のコード↓（動かない、このような感じで連番の変数処理を繰り返させたい）

for (var i = 1; i < 3; i++) {
  alert('きょうのおやつは' + text[i] + 'です！');
}

Answer 1

windowオブジェクトを使う方法があります。

var text1 = 'りんご';
var text2 = 'みかん';
var text3 = 'ばなな';
for (var i = 1; i < 4; i++) {
  alert('きょうのおやつは' + window['text'+i] + 'です！');
}

でも一般的には配列を使うところです。

Comments

[agepan]

ご回答ありがとうございました！
このような処理の仕方があるんですね！通常は配列を用いるとのことですので、今回は配列に書き直して処理させてみようと思いますが、こちらの方法は大変勉強になりました。ありがとうございました！

Answer 2

// 配列(おすすめ)
var arr1 = [
	'りんご',
	'みかん',
	'ばなな',
];
for (var i = 0; i < arr1.length; i++) {
  alert('きょうのおやつは' + arr1[i] + 'です！');
}

// evalを使う(危険)
var text1 = 'りんご2';
var text2 = 'みかん2';
var text3 = 'ばなな2';

for(var i = 1; i <= 3; i++) {
  alert('きょうのおやつは' + eval("text" + i) + 'です！');
}

Comments

[agepan]

ご回答ありがとうございます！
やはり配列を用いるのが分かりやすいようですね。配列に書き直してみようと思います。ありがとうございました。