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

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 侦听器函数。为此，我必须先将字符串文字附加到文档中。

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

Passing array of strings to a function in a string literal

javascript

arrays

function

string-literals