Transformar Array em lista não ordenada

[Alan Alisson 1]

Olá estou com um problema bem grande, estou tentando pegar uma array da seguinte forma:

 

var mailboxes = [
            'PASTA',
            'PASTA.Item1',
            'PASTA.Item2',
            'PASTA.Item3',
            'PASTA.Item4',
            'PASTA.Item5',
            'PASTA.Item5.SubItem',
            'PASTA.Item5.SubItem',
            'PASTA.Item6',
            'PASTA.Item6.SubItem',
            'PASTA.Item'
        ];

e transformar em uma lista assim:

<ul class="pasta">
                <li>Item1</li>
                <li>Item2</li>
                <li>Item3</li>
                <li>Item4</li>
                <li>Item5
                    <ul>
                        <li>SubItem1</li>
                        <li>SubItem2</li>
                    <ul>
                </li>
                <li>Item6
                    <ul>
                        <li>SubItem1</li>
                    <ul>
                </li>
                <li>Item7</li>
            </ul>   

 

Ou seja transformar um ARRAY numa lista não ordenada ... já tentei usar loop (for) tentei de tudo a algum tempo já, alguém tem ideia de como posso fazer?

[fabricioserralvo 5]

Para ficar com subitens recomendo que os itens de tal subitem sejam outro array, você consegue fazer isso com 'foreach':

 

http://fabricioserralvo.com.br/tutoriais/entendendo-o-foreach-no-javascript-e-jquery-each/

 

[]s