Given an array composed of numbers, realize the name whose output ID is a number and sorted from small to large

Given an array of numbers , Achieve output id Is the number , And sort from small to large name（ Please use es6 grammar ）

JavaScript
//  Invoke the sample 
const source = [
    {
     id: 4, name: 'test1' },
    {
     id: {
    }, name: 'ssdf' },
    "test",
    {
     id: () => {
    }, name: 'sf' },
    {
     id: '6', name: 'test3' },
    {
     id: 6, name: 'test4' },
    {
     id: 7, name: 'test7' },
    {
     id: 2, name: 'test2' },
    {
     name: 'sf' },
    {
    },
]
// Method 1 ：
function filterSort(source) {
    
    //  Write down your code  
    let arr = []
    newValue = source.filter((v, i) => {
    
        return typeof (v.id) == 'number'
    })
    newValue.sort(function (a, b) {
    
        return a.id - b.id
    })
    for (v of newValue) {
    
        arr.push(v.name)
    }
    return arr
}
// Method 2 ：
function filterSort(arr) {
    
    //  Write down your code 
    return arr.filter(item => item.id === +item.id).sort((a,b)=>a.id-b.id).map(item=>item.name);
}

filterSort(source)
//  The output is as follows 
['test2', 'test1', 'test4', 'test7']