循环遍历FileList声明

Question

我正试图将我的注意力集中在循环声明上，但到目前为止，我还没有成功。代码片段允许您通过for循环读取文件输入和遍历所有对象：

<script>
  function handleFileSelect(evt) {
    var files = evt.target.files; // FileList object

    // files is a FileList of File objects. List some properties.
    var output = [];
    for (var i = 0, f; f = files[i]; i++) {
      output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
                  f.size, ' bytes, last modified: ',
                  f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',
                  '</li>');
    }
    document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
  }

  document.getElementById('files').addEventListener('change', handleFileSelect, false);
</script> 

现在，我想知道这是什么时候的循环

for (var i = 0, f; f = files[i]; i++)

停下来。第二个参数不应该是像“===，<，>”之类的比较参数吗？

我可以看到，在每个循环中，它都将文件中每个对象输入的值赋值给变量'f‘，但我不明白为什么会这样声明它，以及它是如何工作的。上述和这个有什么区别？

var f;
for (var i = 0;i<files.length; i++) {
      f = files[i];
}

Answer 1

f = files[i]语句总是返回赋值，所以语句fileList返回文件，这是一个真实的值，直到fileList中没有更多的文件，然后返回undefined，这是falsy，循环停止。

它停止的原因是因为for循环由三个表达式组成

for ([initialization]; [condition]; [final-expression]) { statement

“条件”是一个要在每个循环迭代之前计算的表达式。

如果此表达式的计算结果为true，则将执行该语句，如果该语句的计算结果为false，则将不会执行该语句。