导入对象然后迭代答案

【问题标题】：Import objects then iterate导入对象然后迭代
【发布时间】：2020-06-17 19:26:43
【问题描述】：

我想知道是否可以迭代导入的对象？

import { Row, Col, Form, FormItem, Icon, Input, Tooltip, Image, Button, Dialog } from 'element-ui'

objects.forEach(object => {
  // do something here
})

当我导入大量对象时，它会变得很长。我也不想使用import ElementUI from 'element-ui'。

【问题讨论】：

标签： javascript vue.js jestjs element-ui

【解决方案1】：

您可以使用wild card 导入，然后使用for in 进行迭代。

import * as objects from 'element-ui'

for(const key in objects) {
  // do something here
}

【讨论】：

为什么不赞成，请您解释一下，以便我改进答案。
不是我的反对意见，但可能是因为obj 将是关键而不是对象

【解决方案2】：

你可以导入整个命名空间，然后遍历你想要的键：

import * as elementUI from 'element-ui';
const props = ['Row', 'Col', 'Form', 'FormItem', 'Icon', 'Input', 'Tooltip', 'Image', 'Button', 'Dialog'];
for (const prop of props) {
  // do something with elementUI[prop]
}

如果您想遍历每个属性，而不是仅选择少数几个属性，您可以改用 Object.entries：

import * as elementUI from 'element-ui';
for (const [key, value] of Object.entries(elementUI)) {
  // do something with key and value
}

【讨论】：

这就是我想要的。另外，感谢您提供这两种情况的答案。

【解决方案3】：

你的意思是这样的？

import { Row, Col, Form, FormItem, Icon, Input, Tooltip, Image, Button, Dialog } as objects from 'element-ui'

objects.forEach(object => {
  // do something here
})

【讨论】：