将文本数组转换为下拉项目？

Posted 2021-04-26

我正在使用Vue和vue-boostrap。我的数据库中出现了一系列文本项，这些文本项填充在<b-form-select>（下拉列表）中。该引导程序元素采用{value: 'some value', text: 'displayed text'}形式的对象。

我的数组的格式为['item1', 'item2', 'item3']。

是否有一种更有效的方法将数组放入不包含forEach的丑陋对象，从而在一个新的对下拉列表友好的数组中构造每个新对象？我现在所拥有的是：

formatEventTypes() {
  this.eventTypes = [];
  this.rawEventTypes.forEach(rawType => {
    this.eventTypes.push({value: rawType, text: rawType});
  });
}

这有效，但是由于我有一些下拉菜单，所以它不是最有效的。

谢谢！

答案

this.eventTypes = this.rawEventTypes && this.rawEventTypes.map(({ type }) => ({ value: type, text: type}))

另一答案

您可以如下定义一个函数，然后多次重用。