如何用forEach数组方法针对特定索引？

Question

所以我想做的是console.log我的三节点数组中的一个特定元素。

const sentinel = document.querySelectorAll('.sentinel');

    sentinel.forEach(function(element, index){
    setInterval(function(element) {

        if(index === 0){
            console.log(element);
        }

    }, 3000);
});

我谷歌了一下，发现了这个帖子:在forEach循环中获取一个特定的元素，确实问了同样的问题。然而，当我控制台记录元素时，我期望得到索引为0的节点。然而，我得到了一个空元素。

Answer 1

所以实际上你需要将元素绑定到setInterval函数中

const sentinel = document.querySelectorAll('.sentinel');

sentinel.forEach(function(element, index){
    (function (_element, _index){
        setInterval(function() {

           if(_index === 0){
             console.log(_element);
           }

        }, 3000);
    })(element, index);
});

Answer 2

您可以从setInterval中删除元素，因为内部函数setInterval可以访问外部函数的变量，例如元素。这种行为称为闭包。

此外，还可以使用箭头函数来缩短和清理代码。此外，箭头还具有以下功能：

箭头函数没有自己的this。使用封闭词法范围的this值；箭头函数遵循普通变量查找规则。

sentinel.forEach((element, index) => {
   setInterval(() =>{

    if (index === 0){
        console.log(element);
    }

}, 3000);