jQuery eq(）导致无限迭代

jQuery eq() caused infinite iteration

本文关键字：无限 迭代 eq jQuery      更新时间：2023-09-26

当我试图在代码中总结时，我发现当我写这样的东西时：

var $elements = $('div');
for ( var i = 0, $element; $element = $elements.eq(i); i++ ) {
    $element.text( 'Hello' );
}

循环永远不会结束。我想知道，为什么会发生这种情况。如果我在条件内调用函数，或者jQuery没有返回准确的数据，因此循环条件无法识别当前索引，这会导致错误吗？

.eq()方法总是返回一个jQuery对象。如果指定了一个不存在的索引，则会得到一个空的jQuery对象。但是任何对象都是truthy，所以即使在i经过最后一个元素之后，循环条件也总是truthy。所以，无限循环。

你需要测试长度：

for ( var i = 0, $element; i < $elements.length && ($element = $elements.eq(i)) ; i++ )

但是为什么不直接使用.each()方法进行循环呢？

将当前元素指定为循环条件的模式确实适用于数组：

for ( var i = 0, element; element = anArray[i]; i++ )

假设没有元素具有伪值，因为当i达到an array.length时，anArray[i]将是伪的undefined。

因为$和$elements.eq将始终返回一个对象，即使没有匹配查询的对象。该对象的长度将为0，但它仍然是一个对象。物体是真实的价值观。

function log(msg) {
  document.querySelector('pre').innerText += msg + ''n';
}
log($('p').eq(0)); // First p element
log($('p').eq(1)); // Second p element
log($('p').eq(2)); // Third p element
log($('p').eq(3)); // No matching p element but look at what we get
if ($('p').eq(9001)) {
  log('Yup, still a truthy value');
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>1</p>
<p>2</p>
<p>3</p>
<pre></pre>

相关文章：