将隐蔽阵列放入ul li列表中

Question

所以我有一个文件，它的文件路径字符串看起来如下.../CatDV/S1/SFX/steam/6004_90_04 LargeHeadlightSm.wav ./CatDV/S1/SFX/steam/AirHissPressureRe HIT032001.wav ./CatDV/S1/SFX/steam/Impact_Metal_Bullet_Hit(1).wav ./CatDV/S1/SFX/steam/Impact_Metal_Bullet_Hit.wav ./CatDV/S1/SFX/steam/6004_94_02 LargeHeavyGlassS.wav ./CatDV/S1/SFX/steam/Impact_Glass_Smash.wav ./CatDV/S1/SFX/steam/AirReleaseHeavyAi HIT030701.wav ./CatDV/S1/SFX/steam/SDR02_15SCIF RhythmicRever.wav ./CatDV/S1/SFX/steam/VAL02_08CRSH GlassBreaking.wav ./CatDV/S1/SFX/steam/AirReleaseLargeAi HIT030601.wav ./CatDV/S1/SFX/steam/SDR02_14SCIF Rhythmic3Beat.wav ./CatDV/S1/SFX/steam/6004_94_01 LargeGlassSmash.wav

我想把所有这些都分成一个ul li list.so

> CatDV
    > S1
        > SFX
            > steam
                > filename.extension

等等..。

这是我正在处理的数组。我用下面的函数输出这个。

array(1) {
  [""]=>
  array(1) {
    ["CatDV"]=>
    array(1) {
      ["S1"]=>
      array(1) {
        ["SFX"]=>
        array(1) {
          ["steam"]=>
          array(12) {
            ["6004_90_04 LargeHeadlightSm.wav"]=>
                string(52) "./CatDV/S1/SFX/steam/6004_90_04 LargeHeadlightSm.wav"
            ["AirHissPressureRe HIT032001.wav"]=>
                string(52) "./CatDV/S1/SFX/steam/AirHissPressureRe HIT032001.wav"
            ["Impact_Metal_Bullet_Hit(1).wav"]=>
                string(51) "./CatDV/S1/SFX/steam/Impact_Metal_Bullet_Hit(1).wav"
            ["Impact_Metal_Bullet_Hit.wav"]=>
                string(48) "./CatDV/S1/SFX/steam/Impact_Metal_Bullet_Hit.wav"
            ["6004_94_02 LargeHeavyGlassS.wav"]=>
               string(52) "./CatDV/S1/SFX/steam/6004_94_02 LargeHeavyGlassS.wav"
            ["Impact_Glass_Smash.wav"]=>
               string(43) "./CatDV/S1/SFX/steam/Impact_Glass_Smash.wav"
            ["AirReleaseHeavyAi HIT030701.wav"]=>
               string(52) "./CatDV/S1/SFX/steam/AirReleaseHeavyAi HIT030701.wav"
            ["SDR02_15SCIF RhythmicRever.wav"]=>
               string(51) "./CatDV/S1/SFX/steam/SDR02_15SCIF RhythmicRever.wav"
            ["VAL02_08CRSH GlassBreaking.wav"]=>
               string(51) "./CatDV/S1/SFX/steam/VAL02_08CRSH GlassBreaking.wav"
            ["AirReleaseLargeAi HIT030601.wav"]=>
              string(52) "./CatDV/S1/SFX/steam/AirReleaseLargeAi HIT030601.wav"
            ["SDR02_14SCIF Rhythmic3Beat.wav"]=>
              string(51) "./CatDV/S1/SFX/steam/SDR02_14SCIF Rhythmic3Beat.wav"
            ["6004_94_01 LargeGlassSmash.wav"]=>
              string(51) "./CatDV/S1/SFX/steam/6004_94_01 LargeGlassSmash.wav"
          }
        }
      }
    }
  }
}

现在，我被困在将其转换为ul li列表时，我可以将其输出到我的html中，并将其样式化。

function arch_list($output) {
// //Conditional for Archives Page
    $data = file(get_template_directory_uri() . '/js/angular/data/list_test.txt', FILE_IGNORE_NEW_LINES);

    $path = array('data' => $data);
    $output = array();
    foreach ($path['data'] as $d) {
        $out = preg_split('/(\.)*\//', $d);
        $outArr = $d;
        for ($i = count($out) - 1; $i >= 0; $i--) {             
            $outArr = array($out[$i] => $outArr);               
        }
        // return $outArr;
        $output = array_merge_recursive($output, $outArr);

    }
    return $output;
}   

任何帮助都是非常感谢的！谢谢。

Answer 1

在@hakre的回答中，我重新分析了“上帝-可怕的代码”，认为它稍微少了一些上帝的敬畏。它使用的是同样的算法：

$file = './CatDV/S1/SFX/steam/6004_90_04 LargeHeadlightSm.wav
./CatDV/S1/SFX/steam/AirHissPressureRe HIT032001.wav
./CatDV/S1/SFX/steam/Impact_Metal_Bullet_Hit(1).wav
./CatDV/S1/SFX/steam/Impact_Metal_Bullet_Hit.wav
./CatDV/S1/SFX/steam/6004_94_02 LargeHeavyGlassS.wav
./CatDV/S1/SFX/steam/Impact_Glass_Smash.wav
./CatDV/S1/SFX/steam/AirReleaseHeavyAi HIT030701.wav
./CatDV/S1/SFX/steam/SDR02_15SCIF RhythmicRever.wav
./CatDV/S1/SFX/steam/VAL02_08CRSH GlassBreaking.wav
./CatDV/S1/SFX/steam/AirReleaseLargeAi HIT030601.wav
./CatDV/S1/SFX/steam/SDR02_14SCIF Rhythmic3Beat.wav
./CatDV/S1/SFX/steam/6004_94_01 LargeGlassSmash.wav';

这些是内部函数，您不需要直接调用这些函数。

function splitIntoPaths($string) {
    $paths = array();
    foreach (explode("\n", $string) as $line) {
        $node = &$paths;
        foreach (explode("/", $line) as $segment) {
            if (!isset($node[$segment])) {
                $node[$segment] = array();
            }
            $node = &$node[$segment];
        }
        $node = $line;
    }
    return $paths;
}

function createListFromArray(array $array) {
    $return = "<ul>";
    foreach ($array as $key => $value) {
        $return .= "<li>" . $key;
        if (is_array($value)) {
            $return .= createListFromArray($value);
        }
        $return .= "</li>";
    }
    return $return . "</ul>";
}

这是为您工作的函数，返回一个字符串。

function createTree($string) {
    $paths = splitIntoPaths($string);
    return createListFromArray($paths);
}

用法：

$tree = createTree($file);

Answer 2

由于您不知道树的深度，所以可以使用递归函数调用来显示ul/li树。这实际上像在昨天的问题中一样工作，但是这里有不同的决策点：

$file = './CatDV/S1/SFX/steam/6004_90_04 LargeHeadlightSm.wav
./CatDV/S1/SFX/steam/AirHissPressureRe HIT032001.wav
./CatDV/S1/SFX/steam/Impact_Metal_Bullet_Hit(1).wav
./CatDV/S1/SFX/steam/Impact_Metal_Bullet_Hit.wav
./CatDV/S1/SFX/steam/6004_94_02 LargeHeavyGlassS.wav
./CatDV/S1/SFX/steam/Impact_Glass_Smash.wav
./CatDV/S1/SFX/steam/AirReleaseHeavyAi HIT030701.wav
./CatDV/S1/SFX/steam/SDR02_15SCIF RhythmicRever.wav
./CatDV/S1/SFX/steam/VAL02_08CRSH GlassBreaking.wav
./CatDV/S1/SFX/steam/AirReleaseLargeAi HIT030601.wav
./CatDV/S1/SFX/steam/SDR02_14SCIF Rhythmic3Beat.wav
./CatDV/S1/SFX/steam/6004_94_01 LargeGlassSmash.wav';

$tree = [];
foreach (explode("\n", $file) as $line) {
    $node = &$tree;
    foreach (explode('/', $line) as $segment) {
        $node = &$node[$segment];
    }
    $node = $line;
    unset($node);
}

call_user_func(function ($array) {
    $ul = function ($array) use (&$ul) {
        echo '<ul>', !array_walk($array, function ($child, $key) use ($ul) {
            echo '<li>', $key, is_array($child) ? $ul($child) : ''
            , '</li>';
        }, $array), '</ul>';
    };
    $ul($array);
}, $tree);

请注意，这个自包含示例代码(演示)还包含了一种与您的方法相比的构建$tree数组的不同方法(主要区别是，我没有使用array_merge_recursive()，而是在遍历$tree数组时使用引用进行了单独的合并)。

对于递归，一旦您了解了递归函数调用的工作原理，它就会非常直接:解决一个列表的问题并将解决方案包装成一个函数。如果列表中有子列表，则插入一个新列表。对此使用相同的函数。

产出(美化)：

<ul>
    <li>.
        <ul>
            <li>CatDV
                <ul>
                    <li>S1
                        <ul>
                            <li>SFX
                                <ul>
                                    <li>steam
                                        <ul>
                                            <li>6004_90_04 LargeHeadlightSm.wav</li>
                                            <li>AirHissPressureRe HIT032001.wav</li>
                                            <li>Impact_Metal_Bullet_Hit(1).wav</li>
                                            <li>Impact_Metal_Bullet_Hit.wav</li>
                                            <li>6004_94_02 LargeHeavyGlassS.wav</li>
                                            <li>Impact_Glass_Smash.wav</li>
                                            <li>AirReleaseHeavyAi HIT030701.wav</li>
                                            <li>SDR02_15SCIF RhythmicRever.wav</li>
                                            <li>VAL02_08CRSH GlassBreaking.wav</li>
                                            <li>AirReleaseLargeAi HIT030601.wav</li>
                                            <li>SDR02_14SCIF Rhythmic3Beat.wav</li>
                                            <li>6004_94_01 LargeGlassSmash.wav</li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

Answer 3

尝尝这个

<?php
    $fileToOpen="/js/angular/data/list_test.txt";

    function arch_list($fileToOpen) {
        if(file_exists($fileToOpen)){
            $file=fopen($fileToOpen,"r");
            while($line = fgets($file)){
               //We have a line of the file,split it up
               $directories=explode("/",$line);
                //Remove the period, it will be the first element in the array
               $directories=array_shift($directories);
               //Add this set of directories to a parent array
               $allDirectories[]=$directories;
            }
            fclose($fileToOpen);

        }//End of opening file

        //We now have a multidimensional array, 
        //An array holding arrays with each set of directories.
        if(!empty($allDirectories)){
           foreach($allDirectories as $directory){
               $fullString.="<ul class='your-class'>";
               foreach($directory as $pathway){
                   //We have each single item in a directory path
                     $fullString.="<li>".$pathway."</li>";
               }
               $fullString.="</ul>";
           }
        }
        return $fullString;
    }

    echo arch_list($fileToOpen);


?>