recursively find all files in a directory with given extension in node.js

gistfile1.js

var path = require('path')
var fs = require('fs')

function recFindByExt(base,ext,files,result) 
{
    files = files || fs.readdirSync(base) 
    result = result || [] 

    files.forEach( 
        function (file) {
            var newbase = path.join(base,file)
            if ( fs.statSync(newbase).isDirectory() )
            {
                result = recFindByExt(newbase,ext,fs.readdirSync(newbase),result)
            }
            else
            {
                if ( file.substr(-1*(ext.length+1)) == '.' + ext )
                {
                    result.push(newbase)
                } 
            }
        }
    )
    return result
}

ext_file_list = recFindByExt('/mypath','ext')

The above function generates this type of error:

I made a workaround that uses a standard for loop instead of foreach loop, whenever it encounters an error of not able to read the directory it just continues the for loop leaving that directory. And this works fine for me.

Code:

const { join } = require('path');
const { readdirSync, statSync } = require('fs');

const getAllFiles = (dir, extn, files, result, regex) => {
    files = files || readdirSync(dir);
    result = result || [];
    regex = regex || new RegExp(`\\${extn}$`)

    for (let i = 0; i < files.length; i++) {
        let file = join(dir, files[i]);
        if (statSync(file).isDirectory()) {
            try {
                result = getAllFiles(file, extn, readdirSync(file), result, regex);
            } catch (error) {
                continue;
            }
        } else {
            if (regex.test(file)) {
                result.push(file);
            }
        }
    }
    return result;
}

const result = getAllFiles('C:\\Users\\Souleh', '.txt');
// console.log(result);
console.log(`Number of files found: ${result.length}`);

Output:

How can I display them in frontend?

I got this by logging ext_file_list to console

use a normalizeUrl npm module

Example:

const normalizeUrl = require('normalize-url');

var url = "public\\assets\\examples\\ind\\local-retail\\search\\search-and-view-item";
console.log(normalizeUrl(url));

Output: http://public/assets/examples/ind/local-retail/search/search-and-view-item

I would also add !path.extname(file) just to make sure the function doesn't look inside a macOS .app, because it's actually a folder.

I have it like this:

const path = require('path')
const { readdirSync, statSync } = require('fs-extra')

const findFiles = (dir, ext, files, result, regex) => {
  files = files || readdirSync(dir)
  result = result || []
  regex = regex || new RegExp(`\\${ext}$`)

  for (let i = 0; i < files.length; i++) {
    let file = path.join(dir, files[i])
    if (statSync(file).isDirectory() && !path.extname(file)) {
      try {
        result = findFiles(file, ext, readdirSync(file), result, regex)
      } catch (error) {
        continue
      }
    } else {
      if (regex.test(file)) {
        result.push(file)
      }
    }
  }
  return result
}

Just a recommendation, it would be safer and cleaner replacing the line 18:
if ( file.substr(-1*(ext.length+1)) == '.' + ext )

With the String method endsWith:
if (file.endsWith(featureExtension)) {

Anyway, great job, you inspired and helped a lot of people. Thank you!!