如何连接地图数组内的数组数组之间的空间？答案

【问题标题】：How do you concatenate space between an array of arrays inside a map array?如何连接地图数组内的数组数组之间的空间？
【发布时间】：2021-09-22 20:22:47
【问题描述】：

您好，我想知道如何正确格式化已经在地图数组中的多数组（数组的数组）（这次我会尽量简明扼要）。

拥有这段代码：

const [gradosData, setGradosData] = useState([])
const agregarComa = (grado, index) => {
        console.log(grado, index)
        console.log(grado[index])
    }

{productos.map((productos, index) => ( 

<td>{productos.grado}</td>

))

看起来像这样：

我正在考虑制作一个函数，该函数将获取数组的值 + 数组的索引，然后让它为每个长度映射 productos 数组执行，然后将每个数组复制到另一个数组值 eee 中，但卡住了，这就是控制台正在打印（正在打印正确的值，所以我走在正确的道路上）

这是我想要达到的目标：

我认为我总结得很好，如果需要其他内容，请告诉我

我只是想加一个逗号+空格让它看起来更好

【问题讨论】：

标签： javascript arrays reactjs array-map

【解决方案1】：

在您的函数 agregarComa 和 console.log 中，参数 grado 似乎是一个字符串数组。如果你想用逗号和空格连接这些字符串，你可以简单地这样做：

grado.join(", ") // will return "4° Grado, 5° Grado, 6° Grado"

数组在 JavaScript 中有一个内置的 join 方法，你可以查看here。

同样在您的 jsx 代码中，这应该足以实现您的目标：

<td>{productos.grado.join(", ")}</td>

【讨论】：

我什至不知道.join的存在，非常感谢