导入对象然后迭代

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

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

import * as objects from 'element-ui'

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

Answer 2

你的意思是这样的？

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

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

Answer 3

您可以导入整个命名空间，然后遍历所需的键：

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]
}

如果您想遍历每个属性，而不是只 select 几个，您可以使用 Object.entries 代替：

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

导入对象然后迭代

Import objects then iterate

javascript

vue.js

jestjs

element-ui