操縱Javascript對象數組

Question

我有一個對象數組，需要創建一個新數組，其中包含對象中特定鍵的值。 是否有比以下代碼更優雅的方式（注意：不使用任何東西比JQuery更多）。 預期結果是：455,387,495

var arr=[{sid:387,rank:2},{sid:455,rank:1},{sid:364,rank:4},{sid:495,rank:3}];
var topThreeTemp = arr.filter(function(a){return a.rank<4;}).sort(function(a,b){return a.rank>b.rank;});
var topThreeSIDs=[];
for(var i=0;i<topThreeTemp.length;i++){
    topThreeSIDs.push(topThreeTemp[i].sid);
}
console.log(topThreeSIDs.join(", "));

Answer 1

使用ES6 map ，而不是for和ES6箭頭函數（語法糖）：

 const arr = [ { sid: 387,rank: 2 }, { sid: 455,rank: 1 }, { sid: 364,rank: 4 }, { sid: 495,rank: 3 } ] const topThreeSIDs = arr .filter(({ rank }) => rank < 4) .sort((a, b) => a.rank > b.rank) .map(({ sid }) => sid) console.log(topThreeSIDs.join(', ')) 

Answer 2

您可以過濾，使用delta，slice和map sid作為結果數組進行排序。

 var array = [{ sid: 387, rank: 2 }, { sid: 455, rank: 1 }, { sid: 364, rank: 4 }, { sid: 495, rank: 3 }], top3 = array .filter(({ rank }) => rank < 4) .sort((a, b) => a.rank - b.rank) .slice(0, 3) .map(({ sid }) => sid); console.log(top3.join(", ")); 

Answer 3

使用Array.map

 var arr=[{sid:387,rank:2},{sid:455,rank:1},{sid:364,rank:4},{sid:495,rank:3}]; var result = arr.filter(({rank}) => rank < 4).sort((a,b) => a.rank > b.rank).map(({sid}) => sid); console.log(result.join(", ")); 

Answer 4

function pluck(objs, name, condition) {
        var sol = [];
        for (var i in objs) {
            if (objs[i].hasOwnProperty(name) && condition && condition(objs[i])) {
                // console.log(objs[i][name]);
                sol.push(objs[i][name]);
            }
        }
        return sol;
    }

    var arr = [{sid: 387, rank: 2}, {sid: 455, rank: 1}, {sid: 364, rank: 4}, {sid: 495, rank: 3}];
    var pluckedArray = pluck(arr, sid, function (item) {
        return item.rand < 4; // your custom condition
    })

Answer 5

怎么樣只迭代一次數組，並構建結果數組？

arr.reduce((r, {rank, sid})=>(rank < 4 && (r[rank -1] = sid), r), [])

 var arr = [{ sid: 387, rank: 2 }, { sid: 455, rank: 1 }, { sid: 364, rank: 4 }, { sid: 495, rank: 3 }], top3 = arr.reduce((r, {rank, sid})=>(rank < 4 && (r[rank -1] = sid), r), []); console.log(top3); 

注意：當您需要最高等級4前三名並且也知道等級是唯一的時，您可以使用此。 如果排名不是唯一的，您可以使用r.splice(rank-1, 0, sid)代替r[rank-1] = sid並在末尾slice top 3。