下記のadNumの数値を変数名として使いたいのですがプラスで足すことは、変数名内ではES6からしか使えなかったでしょうか？

Question

下記のadNumの数値を変数名として使いたいのですがプラスで足すことは、変数名内ではES6からしか使えなかったでしょうか？

var adNum = 0;
while(adNum < arrayitemNum) {
  var item_adNum_0 = document.querySelectorAll('.js-slide0')[adNum];
  var item_adNum_1 = document.querySelectorAll('.js-slide0')[adNum];
  var item_adNum_2 = document.querySelectorAll('.js-slide0')[adNum];
  var item_adNum_3 = document.querySelectorAll('.js-slide0')[adNum];
  var item_adNum_4 = document.querySelectorAll('.js-slide0')[adNum];
  adNum++;

}

Answer 1

名前で変数にアクセスしたい場合ですが、グローバルかローカルかで状況が変わってきます。なお、ES6での変化はありません。

• グローバル変数の場合→varで宣言されたものであれば、ブラウザ内だとwindow[名前の文字列]のようにアクセスできます。
• ローカル変数の場合→evalを使うしかありませんが、まったくおすすめできません。ローカル変数はローカルにしか影響しないわけですし、連番で探したいような場合は「配列に作り変える」というのがいちばん合理的かと思います。

Comments

[退会済みユーザー]

ありがとうございます。

var item_+adNum+_0 = document.querySelectorAll('.js-slide0')[adNum];

のようにできればいいのにと思ったのですがES6でもできないのですね。
今回はカプセル化のために即時関数で囲っているので、
for (var i = 0; i < 10; i++) {
　　eval("var num" + i + "=" + i + ";");
}
この方法しかないのですね。
ただこれはむしろ管理しにくいのでこの倍は繰り返し処理で作るべきではないという事ですね。

[maisumakun]

上の回答に書いたように、「配列にする」というのが正解かと思います。

[退会済みユーザー]

要素を足すごとに手動で取得するクラスと、配列の中身を増やしていくしかないのですね。
下記のように

var item0 = document.querySelectorAll('.js-slide0')[1];
var item1 = document.querySelectorAll('.js-slide1')[1];
var item2 = document.querySelectorAll('.js-slide2')[1];
var item3 = document.querySelectorAll('.js-slide3')[1];
var item4 = document.querySelectorAll('.js-slide4')[1];

var arrayItem = [
item0,
item1,
item2,
item3,
item4
];

[maisumakun]

この例でも、別にitem0～item4の変数は不要で、直接配列に入れればいいだけです（arrayItem[i] = document.querySelectorAll('.js-slide' + i)[1];）。

[退会済みユーザー]

var item0 = document.querySelectorAll('.js-slide0')[0];
var item1 = document.querySelectorAll('.js-slide1')[0];
var item2 = document.querySelectorAll('.js-slide2')[0];
var item3 = document.querySelectorAll('.js-slide3')[0];
var item4 = document.querySelectorAll('.js-slide4')[0];

var item0 = document.querySelectorAll('.js-slide0')[1];
var item1 = document.querySelectorAll('.js-slide1')[1];
var item2 = document.querySelectorAll('.js-slide2')[1];
var item3 = document.querySelectorAll('.js-slide3')[1];
var item4 = document.querySelectorAll('.js-slide4')[1];

var arrayitemNum = item0.length;

var adNum = 0;
while(adNum < arrayitemNum) {
var arrayItem = [];
arrayItem[adNum] = document.querySelectorAll('.js-slide' + adNum)[1];

adNum++;
}

このように途中までやったのですが、これ以上わかりません。
もう少し具体的に教えていただけませんでしょうか？