将字符串数组传递给字符串文字中的 function

Question

当我将字符串数组和索引传递给 onclick 事件时，回调 function 从数组的前两个值接收参数作为数字而不是数组和索引。

我尝试使用 Array.from function 将其转换为数组。

 let presentantes = ["28411", "199904", "214966", "16226"]; console.log('presentantes', presentantes); //presentantes (4) ["28411", "199904", "214966", "16226"] let id = 1 let listNominated = `<li onClick="cargaPresentantes(${presentantes}, ${i})">` function cargaPresentantes(presentantes, id) { console.log('presentantes', presentantes); console.log('id', id) //presentantes 28411 //id 199904 }

我期待得到一个数组["28411", "199904", "214966", "16226"]和索引 1

Answer 1

您不能以这种方式传递参数……您应该创建一个“onclick 侦听器函数”，然后将其关联到“li”元素。

Answer 2

实际上模板文字的工作原理是这样的 - 如果传递给占位符的变量不是字符串（在这种情况下是数组），那么它将它转换为字符串。 因此，在您的代码中，listNominate 的值变为“28411,199904,214966,16226,1”，因此它采用前两个参数，即 28411 和 199904。

Answer 3

正如 Andrea 所说，我必须添加一个 onclcik 监听器 function。 为此，我必须首先将字符串文字 append 写入文档。