等待$ .each的异步功能，然后继续

Question

我做了这个小提琴来帮助调试以下代码...

如果您去找小提琴并继续按“ run”（运行）-您会注意到每次的结果都是不同的（它们应该是相同的）。 我正在尝试完成两件事

1. 我如何确保year键/值每次都在items[] -现在不一致。

2. 我不想在transformData()期间更改titles 。 由于现在数组正在被修改...我的尝试是transformData(titles.slice(0), items => {但它仍在被修改。

    const titles = [ { title: 'avatar' }, { title: 'jurassic' }, { title: 'black panther' } ]; transformData(titles.slice(0), items => { const problem = items.length !== titles.length; const debugg ={ problem: problem, counts: { items: items.length, // echos 2 titles: titles.length // echos 3 }, items: items, // echos an object with 3 arrays inspector shows length:3 titles: titles // echos an object with 3 arrays inspector shows length:3 }; console.log('debugg', debugg) $('pre').text(JSON.stringify(debugg, null, 2)) }); function transformData(configs, next) { const self = this; const items = []; const last = configs.length; $.each(configs, function(i, config) { items.push(config); $.ajax({ url: 'https://www.omdbapi.com/?apikey=f4e09aec&&t=' + items[i].title, type: 'GET', crossDomain: true, dataType: 'jsonp', success: function(results) { if (results.Response != 'False') { console.log(results); items[i].year = results.Year; if (i+1 === last) { next(items); } } } }); }); } 

Answer 1

我已经更新了你的小提琴 。 titles得到更新的原因，因为titles数组和作为参数传递的数组都引用了相同的对象。 我创建了新的对象，而不是推送相同的对象，

items.push({...config})

 const titles = [ { title: 'avatar' }, { title: 'jurassic' }, { title: 'black panther' } ]; transformData(titles.slice(0), items => { const problem = items.length !== titles.length; const debugg ={ problem: problem, counts: { items: items.length, // echos 2 titles: titles.length // echos 3 }, items: items, // echos an object with 3 arrays inspector shows length:3 titles: titles // echos an object with 3 arrays inspector shows length:3 }; console.log('debugg', debugg) $('pre').text(JSON.stringify(debugg, null, 2)) }); function transformData(configs, next) { const self = this; const items = []; const last = configs.length; const p = [] $.each(configs, function(i, config){ items.push({...config}) p.push($.ajax({ url: 'https://www.omdbapi.com/?apikey=f4e09aec&&t=' + items[i].title, type: 'GET', crossDomain: true, dataType: 'jsonp' })) }) Promise.all(p).then((values)=>{ for(var i =0;i<values.length;i++){ items[i].year = values[i].Year } next(items) }) } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <pre></pre>