JavaScript 如何将两个数组映射到一个对象

Question

我确实有一个包含一些字段的对象，其中三个是数组。我想一次性映射它们。

让我展示一下我现在是怎么做的:

containerNames = this.state.fileContent.xContainers.map(xContainer => <Container containerName={xContainer} />);

containerNames.push(this.state.fileContent.yContainers.map(yContainer => <Container containerName={yContainer} />));

containerNames.push(this.state.fileContent.zContainers.map(zContainer => <Container containerName={zContainer} />));

对我来说，它似乎确实可以以不同的方式制作。用一个 lambda？

Answer 1

OP 中的代码将生成类似于 [1, 2, 3, [4, 5, 6], [7, 8, 9]] 的内容，我希望这不是您想要的.如果你想要 [1, 2, 3, 4, 5, 6, 7, 8, 9]，使用这个:

const containerNames = ["xContainers", "yContainers", "zContainers"].
    flatMap(field => this.state.fileContent[field].map(...));

如果你想要[[1, 2, 3], [4, 5, 6], [7, 8, 9]]，那么改变flatMap进入 map 。