鍍金池/ 問答/HTML/ for循環(huán)中的異步獲取的問題

for循環(huán)中的異步獲取的問題

我有如下的示例代碼,但是resolve后得到是空,因為在for中使用了多個異步獲取的函數(shù),導致了最終獲得的結果只有1條,各位大神出來幫忙給點意見,主要目的是學習Promise

var arr1= [
        {id:1,name:'Jason', age: 23, content:'我是來學習的家伙'},
        {id:2,name:'Jason2', age: 23, content:'我是來學習的家伙'},
        {id:3,name:'Jason3', age: 23, content:'我是來學習的家伙'},
        {id:4,name:'Jason4', age: 23, content:'我是來學習的家伙'},
        {id:5,name:'Jason5', age: 23, content:'我是來學習的家伙'},
        {id:6,name:'Jason6', age: 23, content:'我是來學習的家伙'},
        {id:7,name:'Jason7', age: 23, content:'我是來學習的家伙'},
        {id:8,name:'Jason8', age: 23, content:'我是來學習的家伙'},
        {id:9,name:'Jason9', age: 23, content:'我是來學習的家伙'},
        {id:10,name:'Jason11', age: 23, content:'我是來學習的家伙'},
        {id:11,name:'Jason12', age: 23, content:'我是來學習的家伙'},
        {id:12,name:'Jason13', age: 23, content:'我是來學習的家伙'},
        {id:13,name:'Jason14', age: 23, content:'我是來學習的家伙'},
        {id:14,name:'Jason15', age: 23, content:'我是來學習的家伙'},
        {id:15,name:'Jason16', age: 23, content:'我是來學習的家伙'},
        {id:16,name:'Jason17', age: 23, content:'我是來學習的家伙'},
        {id:17,name:'Jason18', age: 23, content:'我是來學習的家伙'},
        {id:18,name:'Jason19', age: 23, content:'我是來學習的家伙'},
        {id:19,name:'Jason22', age: 23, content:'我是來學習的家伙'},
        {id:20,name:'Jason23', age: 23, content:'我是來學習的家伙'},
        {id:21,name:'Jason24', age: 23, content:'我是來學習的家伙'},
        {id:22,name:'Jason25', age: 23, content:'我是來學習的家伙'},
        {id:23,name:'Jason26', age: 23, content:'我是來學習的家伙'},
        {id:24,name:'Jason27', age: 23, content:'我是來學習的家伙'},
        {id:25,name:'Jason28', age: 23, content:'我是來學習的家伙'},
        {id:26,name:'Jason29', age: 23, content:'我是來學習的家伙'},
        {id:27,name:'Jason33', age: 23, content:'我是來學習的家伙'},
        {id:28,name:'Jason34', age: 23, content:'我是來學習的家伙'},
        {id:29,name:'Jason35', age: 23, content:'我是來學習的家伙'},
        {id:30,name:'Jason36', age: 23, content:'我是來學習的家伙'},
        {id:31,name:'Jason37', age: 23, content:'我是來學習的家伙'},
        {id:32,name:'Jason38', age: 23, content:'我是來學習的家伙'},
        {id:34,name:'Jason39', age: 23, content:'我是來學習的家伙'},
        {id:35,name:'Jason44', age: 23, content:'我是來學習的家伙'},
        {id:36,name:'Jason41', age: 23, content:'我是來學習的家伙'},
        {id:37,name:'Jason42', age: 23, content:'我是來學習的家伙'},
        {id:38,name:'Jason43', age: 23, content:'我是來學習的家伙'}
    ]
    var arr2 = [
        {class:'一年級2班', userId: 33},
        {class:'一年級3班', userId: 3},
        {class:'一年級2班', userId: 5},
        {class:'一年級6班', userId: 38},
        {class:'一年級2班', userId: 21},
        {class:'一年級3班', userId: 2},
        {class:'一年級2班', userId: 1},
        {class:'一年級9班', userId: 5},
        {class:'一年級2班', userId: 7},
        {class:'一年級1班', userId: 10},
        {class:'一年級2班', userId: 13},
        {class:'一年級5班', userId: 23}
    ]
    var arr3 = [
        {scope:80, userId: 21},
        {scope:50, userId: 5},
        {scope:70, userId: 10},
        {scope:20, userId: 23},
        {scope:70, userId: 13},
        {scope:44, userId: 3},
        {scope:23, userId: 33},
        {scope:76, userId: 1},
        {scope:45, userId: 10},
        {scope:26, userId: 38},
        {scope:65, userId: 7},
        {scope:45, userId: 30},
        {scope:76, userId: 22},
        {scope:46, userId: 4},
        {scope:95, userId: 8},
        {scope:100, userId: 9},
        {scope:74, userId: 35}
    ]
   //獲取所以學生的名字和ID
   function getName() {
        return new Promise((resolve, reject) => {
            let cf = []
            arr1.map(item => {
                cf.push({id: item.id,name:item.name})
            })
            resolve(cf)    
        })
    }
    //獲取學生的分數(shù)
    function getScope(id) {
        return new Promise((resolve,reject) => {
            arr3.map(item=>{
                if(id == item.userId){
                    resolve(item.scope)
                }
            })
            
        })
    }
    function allPromise() {
    return new Promise((resolve, reject) => {
        let data = []
        getName().then(res => {
            console.log('res', res)
            let promise1 = []
            for (var i = 0; i < res.length; i++) {

                let name = res[i].name
                let id = res[i].id
                let classes, scope
                for (var j = 0; j < arr2.length; j++) {
                    if (arr2[j].userId == id) {
                        classes = arr2[j].class
                        getScope(id).then(result => {
                            scope = result
                            data.push({
                                id: id,
                                name: name,
                                class: classes,
                                scope: scope
                            })
                        })
                    }
                }
            }
        })
        console.log(data)
        resolve(data)
    })
}
回答
編輯回答
尛曖昧

已經(jīng)解決,原來是resolve放錯了位置,感謝大家的關注,如下:

function allPromise() {
    return new Promise((resolve, reject) => {
        let data = []
        getName().then(res => {
            console.log('res', res)
            let promise1 = []
            for (var i = 0; i < res.length; i++) {

                let name = res[i].name
                let id = res[i].id
                let classes, scope
                for (var j = 0; j < arr2.length; j++) {
                    if (arr2[j].userId == id) {
                        classes = arr2[j].class
                        getScope(id).then(result => {
                            scope = result
                            data.push({
                                id: id,
                                name: name,
                                class: classes,
                                scope: scope
                            })
                        })
                    }
                }
            }
            console.log(data)
            resolve(data)
        })
    })
}
2018年5月14日 05:11
編輯回答
護她命

這里可以考慮用 Promise.all,看起來你是想批量取出來然后統(tǒng)一處理。

2017年3月11日 16:36