次のようなファイルパスコンポーネントの配列があります。
[ ['some', 'dir', 'file.txt'],
['other', 'folder', 'here.txt'],
['this', 'one', 'is', 'deeper', 'file.txt'],
['some', 'dir', 'second.txt'
]
したがって、配列には、ファイルへのパスコンポーネントで構成される配列が含まれます。内部配列の最後の要素は常にファイル自体であり、前の要素はファイルにつながるディレクトリです。
私が理解しようとしているのは、上記のデータを変換して、フォルダが相互にネストされ、同じフォルダ内のファイルが一緒に表示されるようなタグを使用<ul>
して、ファイルツリーを簡単に生成できるようにする方法です。<li>
すべてアルファベット順にソートされています。
以上から、以下を生成したいと思います。ファイル<li>
自体は、そのファイルへのパスへのリンクである必要があります。
<ul>
<li>some/
<ul>
<li>dir/
<ul>
<li><a href="some/dir/file.txt">file.txt</a></li>
<li><a href="some/dir/second.txt">second.txt</a></li>
</ul>
</li>
</ul>
</li>
<li>other/
<ul>
<li>folder/
<ul>
<li><a href="other/folder/here.txt">here.txt<a/></li>
</ul>
</li>
</ul>
</li>
<li>this/
<ul>
<li>one/
<ul>
<li>is/
<ul>
<li>deeper/
<ul>
<li><a href="this/one/is/deeper/file.txt">file.txt</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
ありがとう、私はどんな考えでもありがたいです。