変数と同名の外部の変数を呼び出したい

Question

初歩的な質問失礼いたします。
変数と同名の外部の変数?(imortしてきたもの)を呼び出したいです。

// A.js
const textFromA = 'This is A'
export default textFromA

// B.js
const textFromB = 'This is B'
export default textFromB

// X.js
import { textFromA } from A.js;
import { textFromB } from B.js;

const l = ['textFromA','textFromB']

l.map(text => console.log(text));

通常X.jsのmap内のconsole.logではtextFromAやtextFromBと出力されますが、
何かしらの処理を加えるこまたは記法によってThis is AやThis is Bと表示させることはできますでしょうか？

Comments

[yambejp]

moduleで処理する感じでしょうか？

[Lhankor_Mhy]

const l = [textFromA,textFromB]

ではダメですか？

[vlp7k9v7w]

はい。moduleで処理する予定でございます。

[vlp7k9v7w]

変数をそのままリストに入れるということができるのですね。
ありがとうございます。

また、端的な内容にまとめようと思い、概略的な私の質問の仕方をしてしまったため、意図していない内容で伝わってしまっている可能性があるため、質問をより詳細に書き直したいと思います。

Answer 1

よく使う手としてはオブジェクトに格納しましょう。
もしくはMapオブジェクト

略記プロパティ名を使うとシンプルに記述出来るでしょう。

// X.js
import { textFromA } from A.js;
import { textFromB } from B.js;

const textForms = {textFromA, textFromB};

const l = ['textFromA','textFromB'];
l.forEach(text => console.log(textForms[text]));

因みにmapは写像を意味します。
集合体Aに対して、関数を通過させて、別の集合体Bを作る
その集合体Bを計算結果等の用途として使うという意味合いが含まれています。

なのでconsole.logを実行して、処理結果を使わず捨ててしまうというのは適切ではありません。
動きはするけど文脈としておかしいのです。
未来の自分や同僚が「そのコードじゃ意味が通じないんだが？」と頭をひねる原因となります。

返り値を捨ててしまうのであればforEachを使いましょう。
forEachは処理はするが返り値は使わず捨てる事を明示している機能なので、
今回の目的と一致しており、読みやすいコードに繋がります。

constは再代入が出来ないのでletの劣化品でしかありませんが、
用途を限定する事で可読性を担保しているので、出来る限りconstを使うべき！みたいな話と同じ。

mapでのconsole.logを許すのであれば、
filterをconsole.logするのに使用しても良くね？ってなりますからね。

Answer 2

変数名に依存する処理、ってのは筋が悪いので避けたほうがいいです。
そもそもの考え方を変えたほうがよろしいかと思います

＃インタプリタなら無理をすれば実現できるでしょうけど

Answer 3

// A.js

const textFromA = 'This is A'
export default textFromA

// B.js

const textFromB = 'This is B'
export default textFromB

//X.js

import textFromA from "./A.js";
import textFromB from "./B.js";

const l = [textFromA,textFromB];
l.forEach(x=>console.log(x));

//sample.html

<script src="X.js" type="module"></script>