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

Question

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

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

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

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

Answer 3

正如 Andrea 所说，我必须添加一个 onclcik 侦听器功能。为此，我必须先将字符串文字附加到文档中。