Меню, вложенное в массив

Подскажите, нужно создать js-объект, состоящий из пунктов меню, у каждого пункта может быть родитель, т.е. уровень вложенности меню будет 3.

<ul> 
    <li>каталог1 
        <ul class="inner"> 
            <li>пункт2 
                <ul class="inner"> 
                    <li>пункт3</li> 
                </ul> 
            </li> 
            <li>пункт2 
                <ul class="inner"> 
                    <li>пункт3</li> 
                    <li>пункт3</li> 
                    <li>пункт3</li> 
                </ul> 
            </li> 
        </ul> 
    </li> 
    <li>каталог2 
        <ul> 
            <li>пункт2 
                <ul> 
                    <li>пункт3</li> 
                </ul> 
            </li> 
        </ul> 
    </li> 
</ul>

Нужно создать примерно такое меню, показанное выше, но только в объекте js или в массиве js.

var menu = {
    'каталог1': {
        'пункт2': ['пункт3-1','пункт3-2','пункт3-3'],
        'пункт22': 'пункт3'
    },'каталог2': {
        'пункт2': 'пункт3'
    }
};

Так будет правильно? Если ключом будет русское слово, не будет ли это ошибкой? Или подскажите пожалуйста, как правильно создать такое меню со вложенностью?
т.е. в последствии нужно будет сформировать в dom меню из этого массива.
Или тут нужно использовать json?