在不使用 for...of 的情况下正确使用迭代器

Question

我正在使用URLSearchParams，它将返回一个迭代器对象，但在 IE 中不受支持。我添加了polyfill，但现在 IE 没有对返回的iterator object 的任何原生支持，因为它没有实现for...of 语法。

在没有for..of 的情况下调用迭代器对象的首选语法是什么？

这是 ES6 for...of 语法：

var paramsString = "Name=Fiona&Type=Hippo";
var urlParams = new URLSearchParams(paramsString);
var entries = urlParams.entries();

for(pair of entries) { 
  console.log(pair[0], pair[1]); 
}

var paramsString = "Name=Fiona&Type=Hippo";
var urlParams = new URLSearchParams(paramsString);
var entries = urlParams.entries();

for(pair of entries) { 
  console.log(pair[0] + ": " + pair[1]); 
}

<script src="https://cdn.rawgit.com/WebReflection/url-search-params/v0.10.0/build/url-search-params.js"></script>

我很想找到一个规范的源代码，它将迭代器对象的调用语法实现回旧版浏览器，而不依赖于转译 for...of。

Answer 1

为什么不是好老forEach？

console.log(urlParams); 表明返回的对象具有 forEach 方法，但令人惊讶的是，MDN 中的方法中没有提到它

urlParams.forEach(function(value, key){ 
    console.log(key + ' : ' + value)
});

var paramsString = "Name=Fiona&Type=Hippo";
var urlParams = new URLSearchParams(paramsString);

urlParams.forEach(function(value, key){ 
  console.log(key + ' : ' + value)
});

每个浏览器中UrlSearchParams的Proto Methods：

Answer 2

如果你对while(true)感到紧张，你可以试试这个：

var paramsString = "Name=Fiona&Type=Hippo";
var urlParams = new URLSearchParams(paramsString);
var entries = urlParams.entries();
var iterator = entries.next();
while(!iterator.done) {  
  if (iterator.value) {
console.log(iterator.value[0] + ": " +
            iterator.value[1])
  }
  iterator=entries.next();
}

<script src="https://cdn.rawgit.com/WebReflection/url-search-params/v0.10.0/build/url-search-params.js"></script>

Answer 3

我不完全确定您的限制是什么，但您也可以在您的 entries 变量上使用 spread operator，如果您可以使用的话。

var paramsString = "Name=Fiona&Type=Hippo";
var urlParams = new URLSearchParams(paramsString);
var entries = [...urlParams.entries()]; // Use spread operator here

// Now entries is just an array with all the normal array methods on it.
entries.forEach(pair => console.log(pair[0], pair[1]));

Answer 4

这是我对迭代器实现的尝试，但while(true) 让我感到紧张。欢迎任何其他来源/实现。

var paramsString = "Name=Fiona&Type=Hippo";
var urlParams = new URLSearchParams(paramsString);
var entries = urlParams.entries();

while(true) {
  var iterator = entries.next()
  if (iterator.value) {
    console.log(iterator.value[0] + ": " +
                iterator.value[1])
  }
  if (iterator.done) {
    break;
  }
}

<script src="https://cdn.rawgit.com/WebReflection/url-search-params/v0.10.0/build/url-search-params.js"></script>