環(huán)信獲取好友列表后 ,數(shù)據(jù)格式是這樣的
image.png
這個(gè)數(shù)據(jù)里沒(méi)有特定的用戶頭像和用戶名,
所以我要攜帶name 屬性 去請(qǐng)求自己的后臺(tái) 獲取對(duì)應(yīng)的用戶信息
image.png
此時(shí)需要把請(qǐng)求過(guò)來(lái)的數(shù)據(jù)中的name,num,photo,塞進(jìn)環(huán)信返回的好友列表中
兩個(gè) 數(shù)組中,環(huán)信賬號(hào)是一致的 通過(guò)map 環(huán)信用戶列表數(shù)據(jù) filter 本地返回?cái)?shù)據(jù) 進(jìn)行一一對(duì)應(yīng) 給環(huán)信數(shù)據(jù)里添加屬性:
let arr = userList.map((item)=>{
return {
/*通過(guò) ES6 '...' 展開(kāi)數(shù)據(jù)*/
...item,
username:res.data.filter(v=>item.name==v.wx_number)[0].name,/*通過(guò)filter 過(guò)濾器過(guò)濾符合要求的數(shù)據(jù)并添加到arr新數(shù)組里*/
userImg:res.data.filter(v=> item.name==v.wx_number)[0].photo,
userLove:res.data.filter(v=>item.name==v.wx_number)[0].num
}
})
/*給好友列表排序*/ //本地?cái)?shù)據(jù)中 num代表親密度 親密度越高 好友排名越靠前 從大到小排列
function compare(property){
return function(a,b){
var value1 = a[property];
var value2 = b[property];
return value2 - value1;
}
}
arr.sort(compare('userLove'))
效果圖:
image.png
