JavaScriptでの配列から連想配列への変換について

Question

実現したいこと

下のような配列を

['いか', 'たこ', 'かに']

下のような連想配列の配列に変換したいです。

[
  {'value': 'いか', 'label': 'いか'},
  {'value': 'たこ', 'label': 'たこ'},
  {'value': 'かに', 'label': 'かに'},
]

試したこと

イメージ的には、以下かなと思いましたが、コンパイルすら通りません。。。

const datas = ['いか', 'たこ', 'かに'];
const results = datas.map(data => { value: data, label: data })

Array.prototypeメソッドを使った、スマートな方法はありますか？
よろしくお願い致します。

（先日、初めてこのサイトで質問したところ、１時間も立たないうちに、天才的な回答を頂いたので、調子に乗ってまた質問させて頂いています）

Comments

[yambejp]

value/labelに同じ値を入れる必要性は感じません
どちらのキーでも同じ値が参照したいということでしょうか？

[hayashida]

質問ありがとうございます。
実際にはElementUIというフレームワークでのドロップダウンの選択肢を作成したく、本処理が必要でした。
ドロップダウンの場合、表示テキストと選択された時の値を同じにしたい場合はそこそこあるのでは？

Answer 1

イメージ的には、以下かなと思いましたが、コンパイルすら通りません。。。

=>の直後に{が来ると、カッコの中に文を書くものと解釈されます。

オブジェクトリテラル1個を返すアロー関数を書きたい場合、上の場合との識別のために丸括弧が必要です。

const results = datas.map(data => ({ value: data, label: data }))

Comments

[hayashida]

なるほど、勉強になります。
ありがとうございました！！