変数を添字として振る舞わせる方法

Question

var lists = {
a:0,
b:1,
c:2
};
 
for( var item in lists ) {
  
  console.log( lists[item] );
  
}

上記でlistsの内容が出力されます。

しかしもう一方の取り出し方lists.itemとすると、undefinedが返されます。
これは添字そのものを指定する形式なので、itemが変数として解釈されない「ルール」だからでしょうか？
あくまでこの形式でitemを変数として扱い、listsの内容をログ出力する方法はあるのでしょうか？

Comments

[mather]

「もう一方の取り出し方」とありますが、 lists.list ってどこにそんな記載がありますか？
参考にしたURLなどあれば提示してください。

[退会済みユーザー]

この部分は一般の配列の取り出し方の2通りのことを言っています

[yasutomi]

lists.listは一般の配列の取り出し方ではありません。

[mather]

一般の配列の取り出し方の2通り？
そもそも配列には list というプロパティは存在しませんから undefined になります。
もしかして、
var hoge = { fuga: "test" };
に対して hoge.fuga が参照できるということと混同していませんか？

[mather]

あ、もしかして lists.item と書きたかったのでは…。

[退会済みユーザー]

連想配列と混同していました

Answer 1

まあitemという要素をもっていたらどうしょうもなくなりますからね

var lists = {
a:0,
b:1,
c:2,
item:99,
};
for( var item in lists ) {
  console.log( lists.item ); //99が4回出力される
}

無理やりやるならこんな書き方もできますが、あまり感心できません

for( var item in lists ) {
  console.log( eval(`lists.${item}`) );
}

その他命題とは微妙にことなりますがmapにすればforEachでまわせます

var lists = new Map([
  ["a",0],
  ["b",1],
  ["c",2],
  ]);
lists.forEach((val,key)=>{console.log("key:"+key+"/val="+val)});
console.log(lists.get("b"));//単体で取得する

Answer 2

単純に lists.list では配列は取れないので undefined になります。
言語によってはドットを使って配列を取ることができますが
JavaScriptではそれはできないです。

Comments

[退会済みユーザー]

連想配列ではどうでしょうか？

[yasutomi]

連想配列でもfor..in 文を使用するなら
ドットは使わないです。

Answer 3

これは添字そのものを指定する形式なので、listが変数として解釈されない「ルール」だからでしょうか？

はい、そのとおりです。

あくまでこの形式でlistを変数として扱い、listsの内容をログ出力する方法はあるのでしょうか？

ありません。

Answer 4

class構文を使ってもダメでした。

まぁ、結局、class構文も糖衣構文ですからね。完全にJavaScriptの仕様ですね。
JavaScriptは、他の言語でいうinterfaceや、swiftでいうstructのような、型自体を作ることはできないので、無理なんでしょうね。
そして、for in で取得できる添字はあくまで文字列だから、ということだと思います。

class listsClass {
  static a = 0;
  static b = 1;
  static c = 2;
}

for (let val in listsClass) {
  console.log(listsClass.val);
}
// 出力>③undefined

Answer 5

汎用性のない("item"決め打ち)、その場、使い捨てコードですが…

var lists = {
  a: 0,
  b: 1,
  c: 2
};

lists = new Proxy(lists, {get: target => target[item]});

for (var item in lists) {
  console.log(lists.item);
}

や、

var lists = {
  a: 0,
  b: 1,
  c: 2
};

Object.defineProperty(lists, 'item', {
  get() {
    return this[item];
  }
});

for (var item in lists) {
  console.log(lists.item);
}

など。
ご参考まで。