jQueryでオブジェクトを取得するコードを、文字列として格納された変数から使用したい。

Question

前提・実現したいこと

var folderObject = {
   F1:"testData"
}

var objectDataName = "folderObject[F1]"
conosle.log(objectDataName) //->"testData"

こんな感じで出力したいです。
testDataを取得するコードが文字列としてobjectDataNameに代入されているので
それを使って間接的にオブジェクトの値を取得したいです。
わかりづらくてすみません。

発生している問題・エラーメッセージ

コンソールには

"folderObject[F1]"

としか表示されませんでした

補足情報

実行環境はChromeです。

Comments

[maisumakun]

> testDataを取得するコードが文字列としてobjectDataNameに代入されているので

このような構成を取る必要は、どのような事情で生じたのでしょうか？

[NK0920]

修正依頼ありがとうございます。
folderObject[F1]は
folderObject + "[F" +hierarchies[i] + "]"
という感じで、変数を使って作られた文字列です。

Answer 1

folderObject[F1]は

folderObject + "[F" +hierarchyes[i] + "]"
という感じで、変数を使って作られた文字列です。

全体を文字列とするのではなく、キー部分だけfolderObject['F'+hierarchyes[i]]のように可変させて参照する、とするのが自然かと思います。

Comments

[NK0920]

回答していただきありがとうございます。
これもお伝えしとかないといけませんでした。申し訳ありません。
実は、
var getObjectData = "folderObject"
for (let i = 0; i < hierarchies.length; i++) {
getObjectData = getObjectData + "[F" +hierarchies[i] + "]"
}
のようにして、オブジェクトの中のオブジェクトを取り出そうとしています。
本当に申し訳ありません。よければ回答していただければ幸いです。

[maisumakun]

"folderObject"は、なぜ文字列で与えられなければならないのですか？

[NK0920]

えっとですね。
例えば配列のhierarchiesが
["3","2","1"]
と定義されている時、
getObjectDataに"folderObject"を文字列としてあたず、そのまま
getObjectData = folderObject+ "[F" +hierarchies[i] + "]"
とすると、for文が終わった後、getObjectDataは
folderObject[F3]folderObject[F2]folderObject[F1]
となってしまいます。
この場合、folderObject[F3][F2][F1]にしたいので、folderObjectという文字列を与えました。

[maisumakun]

そもそも文字列を使わずにその場でオブジェクトを見ていけば、「変な文字列ができる」という事態そのものが発生しないかと思います。

[maisumakun]

let obj = folderObject;
hierarchyes.forEach(item => obj = obj['F' + item]);

[NK0920]

なるほど！！
理解できました。
本当にありがとうございます。

Answer 2

const a={F3:{F2:{F1:"test"}}}
const b=["3","2","1"];
const c=b.reduce((x,y)=>x["F"+y],a);
console.log(c);

Comments

[NK0920]

回答ありがとうございます。