javascript - 如何使用 JavaScript 对 API 对象使用迭代器进行迭代？

Question

我想通过 JavaScript 迭代器迭代一个 JSON 对象(数组)。我无法将从迭代器函数获取的数据存储在变量中，因此我无法使用该变量进行 DOM 操作。

next.addEventListener('click',nextCV);
function nextCV(){
   const a =getCV().then(data=> 
    data.next().value)
    

}

function getCV(){
    
    
     return fetch(url).then(response=>{return response.json()
    }).then(data=>{
        
       
        return iteratorCV(data.results)
    })
    
}

function iteratorCV(data){
    console.log('inside iterator')
    let nextindex=0;
    return {
        next: function(){
            return nextindex<data.length ? {value: data[nextindex++], done:false} : {done:true};
        }
    };
}

在这里，每当发生点击事件时，我想将下一个数组数据存储到变量“a”中。请帮忙。

附言我仍在学习 JavaScript。

Answer 1

您正在调用 getCV()，它会在您每次单击该元素时重复请求并创建一个新的迭代器。听起来你真正想做的是

const iteratorPromise = getCV();
iteratorPromise.catch(console.error);
next.addEventListener('click', function nextCV(e) {
  iteratorPromise.then(iterator => {
    const a = iterator.next().value;
    console.log(a); // or DOM manipulation
  });
});

或

getCV().then(iterator => {
  next.addEventListener('click', function nextCV(e) {
    const a = iterator.next().value
    console.log(a); // or DOM manipulation
  });
}).catch(console.error);