Translate to asynchronous code

Question

Ok, so i made this function which reads a directory and checks each file to see if it is a file or a folder, if it is a file then return it to the array. Here:

function readDirr(dir){
  return fs.readdirSync(dir).filter(function(file){
    return fs.statSync(path.join(dir, file)).isFile(); 
  }); 
} 
console.log(readDirr("./uploads/")); //-> outputs a array of filenames 

So now i want to do the same just asynchronously. I have tried, but cant get it to work. Can anyone explain how to do this, preferably with promise? Thanks!

Edit: This is the function that i made:

function readDirr(dir){
  return fs.readdirAsync(dir)
  .then(function(files){
    files.forEach(function(file){
      if(fs.statAsync(path.join(dir, file)).isFile()){ //gives error here saying 'undefined is not a function'
        return file; 
      }
    })
  })
}
console.log(readDirr("./uploads/")); 

Output on the console is: { _bitField: 0, _fulfillmentHandler0: undefined, _rejectionHandler0: undefined, _promise0: undefined, _reciver0: undefined } And then gives an error in the if statement

Edir2: I trid this:

function readDirr(dir){
  return fs.readdirAsync(dir)
  .then(function(files){
    files.forEach(function(file){
      fs.statAsync(path.join(dir, file))
      .then(function(stat){
        if(stat.isFile()){
          return file; 
        }
      })
    })
  })
}

console.log(readDirr("./uploads/"));

It got rid of the error, but it comes out like this:

{ _bitField: 0,
  _fulfillmentHandler0: undefined,
  _rejectionHandler0: undefined,
  _promise0: undefined,
  _receiver0: undefined }

btw, i have no idea why this got marked as duplicate..