javascript - 对 2 个数组进行排序/过滤

Question

我有这两个数组:

var masterArray = [
        {'id' : '1', 'title' : 'Title 1'},
        {'id' : '2', 'title' : 'Title 2'},
        {'id' : '3', 'title' : 'Title 3'},
        {'id' : '4', 'title' : 'Title 4'},
        {'id' : '5', 'title' : 'Title 5'},
        {'id' : '6', 'title' : 'Title 6'},
        {'id' : '7', 'title' : 'Title 7'}
    ];

var sortFilterInfo = [
    {'id' : '6', 'sortOrder' : 1},
    {'id' : '2', 'sortOrder' : 2},
    {'id' : '7', 'sortOrder' : 3}
]

有了这些信息，我需要一个数组来给我这个排序的过滤数组:(我只使用 native DOM 数组方法(ES6)(map/filter/sort)和 NOT Jquery，lodash，等等

var resultArray = [
    {'id' : '6', 'title' : 'Title 6'},
    {'id' : '2', 'title' : 'Title 2'},
    {'id' : '7', 'title' : 'Title 7'}
]

谢谢!

Answer 1

这个有用吗？ (编辑:如果您想让我解释它的作用，请评论)

// Create arrays
var masterArray = [
    {'id' : '1', 'title' : 'Title 1'},
    {'id' : '2', 'title' : 'Title 2'},
    {'id' : '3', 'title' : 'Title 3'},
    {'id' : '4', 'title' : 'Title 4'},
    {'id' : '5', 'title' : 'Title 5'},
    {'id' : '6', 'title' : 'Title 6'},
    {'id' : '7', 'title' : 'Title 7'}
];

var sortFilterInfo = [
    {'id' : '6', 'sortOrder' : 1},
    {'id' : '2', 'sortOrder' : 2},
    {'id' : '7', 'sortOrder' : 3}
]

var resultArray = new Array();

// Sort arrays
masterArray.sort(function(a, b){return parseInt(a.id)-parseInt(b.id)});
sortFilterInfo.sort(function(a, b){return a.sortOrder-b.sortOrder});

// Push to array the id of the filter...
for (var i in sortFilterInfo) {
    resultArray.push(masterArray[parseInt(sortFilterInfo[i].id)-1]);
}

// console.log(resultArray);
//
// resultArray = [
//     {'id' : '6', 'title' : 'Title 6'},
//     {'id' : '2', 'title' : 'Title 2'},
//     {'id' : '7', 'title' : 'Title 7'}
// ]