javascript - 我想调用按钮等于数组索引

我在html中有3个按钮（它们都有相同的类名）和长度为3的数组。
所以我想单击第一个按钮时在第一个索引中调用数据。
当我单击第二个按钮时，调用第二个索引中的数据。

这是我的代码：

const infoBTN = document.getElementsByClassName('infoBTN')
const arr = [{name: 'Rawand'} , {name: 'Jack'} , {name: 'Max'}] ;

let num = 0;

const getInfo = function (){
  console.log(arr[num]);
}

for(let i = 0 ; i<infoBTN.length ; i++){
  num = i;
  console.log('i = ' + i + ' And num = ' + num)
  infoBTN[i].addEventListener('click' , getInfo)
}

请帮助我

最佳答案

在循环内声明getInfo函数，这样它就可以关闭i索引：

const infoBTN = document.getElementsByClassName('infoBTN')
const arr = [{name: 'Rawand'} , {name: 'Jack'} , {name: 'Max'}] ;

for(let i = 0 ; i<infoBTN.length ; i++){
  infoBTN[i].addEventListener('click' , () => console.log(arr[i].name));
}

<button class="infoBTN">click</button>
<button class="infoBTN">click</button>
<button class="infoBTN">click</button>

关于javascript - 我想调用按钮等于数组索引，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/60963737/