鍍金池/ 問(wèn)答/HTML/ JS數(shù)組重組問(wèn)題

JS數(shù)組重組問(wèn)題

如下代碼:

var abc = [{
        id:123,
        name:'jack'
    },{
        id:456,
        name:'Tony' 
    }]
    var bcd = [{
        pid:123,
        info: '男'
    },{
        pid:123,
        info:'女'
    },{
        pid:123,
        info: '未知'
    },{
        pid:456,
        info: '東'
    },{
        pid:456,
        info:'西'
    },{
        pid:456,
        info: '南'
    },{
        pid:456,
        info: '北'
    }]
    let arr=[]
    for(var j=0;j<bcd.length;j++){
        for(var i=0;i<abc.length;i++){
            if(abc[i].id === bcd[j].pid){
                arr.push(bcd[j].info+'/')
                console.log(arr)
            }
        }
    }
    

以上代碼我獲得了全部的info屬性值,但是我想要的結(jié)果是輸出
男/女/未知/
以及
東/西/南/北/
該如何改寫(xiě)代碼才能獲得想要的結(jié)果呢?請(qǐng)大神幫幫忙

我已經(jīng)試過(guò)+=累加,輸出結(jié)果也是一樣的,無(wú)法得到想要的結(jié)果

我現(xiàn)在得到的結(jié)果諸如下面的內(nèi)容:
["男/", "女/", "未知/"]
["男/", "女/", "未知/", "東/"]
["男/", "女/", "未知/", "東/", "西/"]
["男/", "女/", "未知/", "東/", "西/", "南/"]
["男/", "女/", "未知/", "東/", "西/", "南/", "北/"]
我想要的結(jié)果是:
[{"男/", "女/", "未知/"},{"東/", "西/", "南/", "北/"}]
或者是:
"男/女/未知" 以及 "東/西/南/北/" 各一次結(jié)果

回答
編輯回答
她愚我

把兩個(gè)循環(huán)換個(gè)位置試試

2017年11月24日 19:10
編輯回答
嘟尛嘴
    const res = abc.map(v =>bcd.filter(val => val.pid === v.id).map(v => v.info).reduce((a, b) => a + '/' + b));
    console.log(res)

試了 是個(gè)數(shù)組

2017年4月13日 11:30