繰り返し処理でデータを作る方法

Question

繰り返し処理を利用してデータを作りたいです。

仮にthis.state.hogeに[1, 2, 3]という配列がある場合

下記のようなデータを繰り返し処理を用いて作成することはできますか？

const data = {
  nodes: [
    {id: '1'},
    {id: '2'},
    {id: '3'}
  ]
};

このような形でデータを作ることができるのではないかと考えたのですがエラーになりました

const data = {
 for(i=0; i < this.state.hoge.length; i++) {
  nodes: [{id: this.state.hoge[0] }]  
 } 
};

const内でforを使うことは可能なのでしょうか？

アドバイスいただけたら幸いです

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

Answer 1

下記のようにするとか。

const data = {
  nodes: ([1, 2, 3].map(v=>{
  	return { id: '' + v };
  }))
};
console.log(data);
```**動くサンプル：**[https://jsfiddle.net/9fvaLds8/](https://jsfiddle.net/9fvaLds8/)

---

単純にあとから設定するとか。
```JavaScript
const data = {
  nodes: []
};
for(i=0; i < this.state.hoge.length; i++) {
  data.nodes.push( {id: this.state.hoge[i] } );  
} 
console.log(data); // this.state.hoge が提示されていないので未テスト
```**動くサンプル：**[https://jsfiddle.net/jqe8y0h5/](https://jsfiddle.net/jqe8y0h5/)

Comments

[gnx_vw903]

ありがとうございます！参考になさていただきます！