jsのfor文でdocument.getElementByIdで取得した要素を番号のついた変数に代入したい。

Question

質問内容
以下のコードをfor文で書きたいのでのですが、どのように書いたらよいでしょうか。

コード
var target1 = document.getElementById("word1");
var target2 = document.getElementById("word2");
var target3 = document.getElementById("word3");
var target4 = document.getElementById("word4");

---

試み１
配列で試したのですが、エラーが出てうまくいきませんでした。

コード
var target = Array(5);
for(var i=1; i<5; i++){
  var target[i] = document.getElementById("word"+i);
}

エラーは
Uncaught SyntaxError: Unexpected token [
と出力されます。

---

試み２
始め想像していたのは

コード
for(var i=0; i<5; i++){
  var target+i = document.getElementById("word"+i);
}

こんな感じでできるかと思っていたのですが、これもうまくいきませんでした。

Answer 1

試み１をベースに修正してください。

前提知識

• 変数の前にvarをつけると変数宣言になります(変数)
• 要素数5の配列の最初の要素は0から始まり、4で終わります(配列要素へのアクセス)

問題点

• target[i]の手前のvarを外しましょう(変数名に[や]が使えないからUnexpected token [とでているのでしょう)
• iを1ではなく0で初期化してください

Comments

[oika77]

回答していただきありがとうございました。単純すぎましたね。

Answer 2

targetという配列に入れるならば、以下のような感じかもです。

var target = [];
for(var i=1; i<5; i++){
  target[i] = document.getElementById("word"+i).innerText;
}

Comments

[oika77]

すみません。単純すぎました。ありがとうございました。