JavaScriptのオブジェクトでつまづきました。

Question

ちなみに開発環境はReactとTSです。
今回配列の中身の数に応じてtag[i]の形でこのようなオブジェクトを自動生成できるような実装がしたいです。

{
tag1:"",
tag2:"",
tag3:"",
tag4:"",
tag5:"",
tag6:"",
}

ですがなかなかできず苦戦してしまいます。
forの中で

for (let i = 0; i < data.length; i++) {
      console.log({ tag[i]: data[i] });
    }

のような配列が作れれば理想的なのですが、

こちらのようなエラーが起きてしまいます。

このように無理やりオブジェクトを作ろうとしてもエラーが起きてしまいます。
解決法はありますでしょうか？

Answer 1

何もなければtagという変数を参照に行くためだと思います。

let a = {};
for (let i = 0; i < 10; i++) {
     a["tag"+i] = i;
}
console.log(a);

Comments

[21212121]

ありがとうございます。
無事解決できました。

Answer 2

let tag = {};
for (let i = 0; i < data.length; i++) {
    tag[ 'tag' + i ] = '';
}
console.log( tag );

Comments

[kei344]

「data.length」は「data」に値がある前提で。

[21212121]

ありがとうございます。
無事解決できました。