javascript - JavaScript forEach 函数中没有出现 Return 吗？

Question

我正在使用 DocxJS 包来创建文档。在我的文档中，我尝试创建一个函数，该函数将迭代一些前端 Prop 并为数组内的每个对象创建多个段落。每当我迭代数组并使用 console.log 记录它时，它都会正常工作。当我做同样的事情并尝试使用 return 语句编写文档中所述的“新段落”时，它无法正常工作并且不返回任何内容。

这是软件包和文档:包装:https://www.npmjs.com/package/docx文档:https://docx.js.org/#/

我的数组标记如下所示:

[{item}, {item}, {item}]

数组内的对象是:

{item.value, item.description, item.tags}

这是我创建的函数:

const createItem = () => {
    let itemArray = this.props.goods.products.items;
    console.log(itemArray);

    // This will properly console.log the item description for each one (3 total)
    itemArray.forEach((item) => {
        console.log(item.description);
    })

    // This doesn't return anything, but the console.log DOES return the item descriptions like before
    itemArray.forEach((item) => {
         return new Paragraph({
             text: `${item.description}`,
             alignment: AlignmentType.CENTER,
             style: 'educationDegree'
         }, console.log(item.description));
    })
}

稍后在我使用 docx 包创建的文档中，我只是调用如下函数:createItem()

我尝试传入 createItem(this.props.goods.products.items) 但它什么也没做。我尝试过这样做: this.createItem(this.props.goods.products.items) 它只是返回 this.createItem 不是一个函数。

我只是不明白为什么这不能正常工作并在迭代数组时返回每个项目的 item.description ？目前它只返回我请求的控制台日志。

Answer 1

这样的东西应该适合你:

const itemArray = [{description: 'Lorem ipsum'}, {description: 'Lorem ipsum'}]

const AlignmentType = {
   CENTER: 'center'
}

class Paragraph {
  constructor(text, alignment, style) {
    this.text = text
      this.alignment = alignment
      this.style = style
  }
}

const paragraphArray = itemArray.reduce((acc, item) => [...acc, new Paragraph(item.description, AlignmentType.CENTER, 'educationDegree')],[])