使用JavaScript解析JSON对象以生成数组

3
我有以下JSON,其中包含filesfolders(保留字),用于指示哪些是文件和文件夹。
the_name_of_the_folder_itself:
    "files": [array_of_files_]
    "folders": [objects of folders inside this dir]

更容易理解JSON本身:

{
    "configfiles": {
        "folders": {
            "dir1": {
                "files": [
                    "data.dat",
                    "data2.dat"
                ]
            },
            "dir2": {
                "folders": {
                    "subffolder": {
                        "files": [
                            []
                        ]
                    },
                    "subffolder_2": {
                        "files": [
                            "other.dat"
                        ]
                    }
                },
                "files": [
                    []
                ]
            }
        },
        "files": [
            []
        ],
        "LoadBase": "barfoo IGNORE THIS"
    }
}

我怎样才能从JSON中获取所有路径和文件,并且输出一个包含以下元素的数组?
configfiles/
configfiles/dir1/
configfiles/dir1/data.dat
configfiles/dir1/data2.dat
configfiles/dir2/
configfiles/dir2/subffolder/
configfiles/dir2/subffolder_2/
configfiles/dir2/subffolder_2/other.dat

这是目前我所做的尝试:

function getPathAndFolder(folderPath)
{
    foldersArray = Object.keys(folderPath)
    foldersArray.forEach(function callback(folderName, index, array)
    {
        finalArray.push(folderName)
        filesArray = folderPath[folderName].files
        filesArray.forEach(function callback(fileName, index, array)
        {
            finalPath = folderName + "/" + fileName
        });

        // Call it again
        //getPathAndFolder()

    });
}

finalArray = []
getPathAndFolder(inputJSONobject)

有人能帮帮我吗?


难道不应该是 {folders: { configfiles: { /* ... */ } } 吗? - yunzen
不,第一个/主要的没有文件夹 - Avión
1个回答

2
您可以使用 for...in 循环创建递归函数,将数据作为第一个参数,将要忽略添加到结果的键名数组作为第二个参数,在其中您可以传递filesfolder等。

const json = {"configfiles":{"folders":{"dir1":{"files":["data.dat","data2.dat"]},"dir2":{"folders":{"subffolder":{"files":[[]]},"subffolder_2":{"files":["other.dat"]}},"files":[[]]}},"files":[[]],"LoadBase":"barfoo IGNORE THIS"}}

function getPaths(data, ignored = [], prev = '') {
  const result = []

  for (let i in data) {
    let path = prev;

    if (!ignored.includes(i)) {
      if (!Array.isArray(data)) {
        path += (prev.length ? '/' : '') + i
        result.push(path)
      } else if (data[i].length) {
        result.push(path + '/' + data[i])
      }
    }

    if (typeof data[i] === 'object') {
      result.push(...getPaths(data[i], ignored, path))
    }
  }

  return result;
}

const ignored = ['files', 'folders', 'LoadBase']
const result = getPaths(json, ignored);
console.log(result)


只是出于好奇,当您再次调用getPaths时,那个 ... 是如何工作的? - Avión
1
每次调用getPaths都会返回一个数组(result变量),因此当您创建getPaths的递归调用时,希望在将其推送到结果时展开该数组(即getPaths返回的内容),以便您推送每个单独的对象而不是一个数组。为了更好地理解,您可以查看此链接https://jsfiddle.net/w1cmrqf8/。 - Nenad Vracar

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接