JSFiddle - React, Tailwind, and code Playground

JavaScript

var data = {
    personList: [{
        name: "Bob",
        age: 35,
        gender: "M",
    }, {
        name: "Dave",
        age: 58,
        gender: "M",
    }, {
        name: "Alice",
        age: 26,
        gender: "F",
    }, {
        name: "Charlie",
        age: 39,
        gender: "M",
    }, ]
};

// Firstly, let's get a list of just the men:
var menList = data.personList.filter(function (person) {
    // Only keep the men, by returning true if the gender is M.
    return person.gender === "F" && person.name === "Dave";
});

var sorted = menList.sort(function (a, b) {
    // Return -1 if A is greater than B, 1 if A is less than B.
    if(a.age > b.age) {
        return 1;
    }
    else if(a.age < b.age) {
        return -1;
    }
    
    return 0;
});
                 
// output the sorted list of men:
 document.body.innerHTML = "Men, in age order:<br>";
sorted.forEach(function(person) {
     document.body.innerHTML += person.name + "<br>";
});