导入对象，然后迭代

Question

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

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'。

Answer 1

您可以导入整个命名空间，然后迭代所需的密钥：

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
}

Answer 2

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

import * as objects from 'element-ui'
for(const key in objects) {
// do something here
}

Answer 3

你的意思是这样？

import { Row, Col, Form, FormItem, Icon, Input, Tooltip, Image, Button, Dialog } as objects from 'element-ui'
objects.forEach(object => {
// do something here
})