在javascript中递归地从数组中提取值

在javascript中递归地从数组中提取值,javascript,recursion,Javascript,Recursion,我想递归地提取这个结构中的文件。我已经做了第一级,但无法继续 var DirectoryTree = { dir: 'project1', files: [ 'proj.config', { dir: 'src', files: [ 'name.htm', 'dept.htm', 'salary.htm', {

我想递归地提取这个结构中的文件。我已经做了第一级,但无法继续

var DirectoryTree = {
    dir: 'project1',
    files: [
        'proj.config', {
            dir: 'src',
            files: [
                'name.htm',
                'dept.htm',
                'salary.htm', {
                    dir: 'scripts',
                    files: [
                        'name.js',
                        'dept.js',
                        'salary.js'
                    ]
                }
            ]
        }, {
            dir: 'project2',
            files: [
                'proj.config', {
                    dir: 'src',
                    files: [
                        'name.htm',
                        'dept.htm',
                        'salary.htm', {
                            dir: 'scripts',
                            files: [
                                'name.js',
                                'dept.js',
                                'salary.js'
                            ]
                        }
                    ]
                }
            ]
        }
    ]
};
下面是我到目前为止的代码。我被困在这里了。你能帮我从下一层获取数据吗

function listFiles(dirTree, subFolder){
    var fList=[];
    if(dirTree.files){
        for (var i=0;i<dirTree.files.length;i++){
            if(typeof dirTree.files[i] === 'string'){
                fList.push(dirTree.files[i]);
            }
        }
    }
    if(dirTree.dir){
        return(listFiles(dirTree.dir, subFolder));
    }
    return fList;
}
函数列表文件(目录树,子文件夹){
var fList=[];
if(dirTree.files){

对于(var i=0;i您可以递归地执行此操作,如下所示

function getFiles(currentObject, result) {
    var type = Object.prototype.toString.call(currentObject),
        idx;
    if (type === "[object Object]") {
        for (idx in currentObject) {
            if (currentObject.hasOwnProperty(idx) && idx === "files") {
                currentObject[idx].forEach(function(object) {
                    getFiles(object, result);
                });
            }
        }
    } else if (type === "[object Array]") {
        currentObject.forEach(function(object) {
            getFiles(object, result);
        });
    } else if (type === "[object String]") {
        result.push(currentObject);
    }
    return result;
}

console.log(getFiles(DirectoryTree, []))
输出

[ 'proj.config',
  'name.htm',
  'dept.htm',
  'salary.htm',
  'name.js',
  'dept.js',
  'salary.js',
  'proj.config',
  'name.htm',
  'dept.htm',
  'salary.htm',
  'name.js',
  'dept.js',
  'salary.js' ]

今天我回答了一个类似的问题,并用一些下划线函数解决了它。
您的示例的格式非常奇怪,但我建议再次使用递归函数进行此类读取:

function recursiveFuntion(collection){
    collection.forEach(function(model) { 
        //console.log(model.files); --> Or do whatever you need 
        if(model.files.length > 0){ 
            recursiveFunction(model); 
        }; 
     }); 
}; 

recursiveFuntion(DirectoryTree.files); 
递归函数的好处在于它是动态的。
由于您使用的不是数组而是对象,因此需要自定义此代码。

但这是基本原则。

1。)你想获取所有文件吗?2。)为什么要这样做?而且,你想从对象中提取值,而不是从
数组中提取值。
。准确地说。:)是的。所有文件名。“2。)你为什么要这样做?”闻起来像是家庭作业。而且,根据JSFIDLE,您的
DirectoryTree
没有有效的语法。:P