Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Сохранить древовидную структуру в JSON (https://javascript.ru/forum/misc/43665-sokhranit-drevovidnuyu-strukturu-v-json.html)

timkit 16.12.2013 08:09

Сохранить древовидную структуру в JSON
 
Всем привет! Очень прошу помочь с решением задачи.
Есть дерево:
<body>
<ul id="tree">
    <li data-id="0">Автомобили
        <ul>
            <li data-id="1">Japan
                <ul>
                    <li data-id="2">Toyota
                        <ul>
                            <li data-id="3">Camry</li>
                            <li data-id="4">Avensis</li>
                        </ul>
                    </li>
                    <li data-id="5">Mazda</li>
                </ul>
            </li>
        </ul>
</ul>
</body>

необходимо это дерево поместить в объект вида:
var cars={
Автомобили:{"children":[1], id="0"},
Japan:  {"children":[2], id="1"},
Toyota:{"children":[3, 4], id="2"},
Mazda:{"children":[], id="5"}                  
}

пробовал разными способами делать обход дерева, но ничего не получается.
Через рекурсию:

function scan(el, obj) {
        var nodeList = el.childNodes;
        if (nodeList != null) {
            obj["children"]=[];
            for (var i = 0; i < nodeList.length; i++) {
                if (nodeList[i].nodeType == 1) {
                    if(nodeList[i].firstChild.nextSibling.dataset.id)
                    obj["child"].push(nodeList[i].firstChild.nextSibling.dataset.id);
                }

                scan(nodeList[i], obj["children"]);
            }
        }
       return obj;
    }
    scan(document.getElementById('tree'), {})

timkit 16.12.2013 09:46

прошу прощения:

var cars={
Автомобили:{"children":[1], id:"0"},
Japan: {"children":[2], id:"1"},
Toyota:{"children":[3, 4], id:"2"},
Mazda:{"children":[], id:"5"}
}

timkit 16.12.2013 11:23

Хорошо, пусть будет такая структура (она лучше чем моя, потому что есть вложенность элементов), пусть по подобию вашего объекта я восстановлю исходное дерево, но у меня проблема в программном создании такой структуры по HTML. Намекните хотя бы в каком направлении двигаться.
В общем моя задача состоит в создании дерева и последующем его сохранении здесь
есть пример обратной задачи, т.е. считывание из объекта.

danik.js 16.12.2013 12:04

Цитата:

Сообщение от timkit
Есть дерево

Откуда оно взялось? Кто-то же его посадил, верно? Дык может посадить сразу JSON-дерево, не?

timkit 16.12.2013 12:21

Цитата:

Сообщение от danik.js (Сообщение 286959)
Откуда оно взялось? Кто-то же его посадил, верно? Дык может посадить сразу JSON-дерево, не?

Ну спроси у головы на своем аватаре, откуда оно там взялось. Кстати смени его, а то примета плохая.

рони 16.12.2013 15:18

timkit,
:write:
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>
<body>
<ul id="tree">
    <li data-id="0">Автомобили
        <ul>
            <li data-id="1">Japan
                <ul>
                    <li data-id="2">Toyota
                        <ul>
                            <li data-id="3">Camry</li>
                            <li data-id="4">Avensis</li>
                        </ul>
                    </li>
                    <li data-id="5">Mazda</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
<script>
function h(b, c) {
       b = b.children;
       for (var d = b.length, a; a = b[--d];) "li" == a.tagName.toLowerCase() ? (c['li '+a.dataset.id] = {},
       c['li '+a.dataset.id][a.firstChild.data] = h(a, {})) : c.ul = h(a, {});
       return c
   };
var data = h(document.getElementById('tree'), {})
document.write(JSON.stringify(data))
</script>
</body>

</html>

timkit 16.12.2013 19:15

Большое спасибо Рони , буду дальше разбираться :thanks:

danik.js 16.12.2013 19:19

рони, ты из "благих намерений" обфусцируешь, дабы неповадно было на форум обращаться, или считаешь что код таким и должен быть?

рони 16.12.2013 19:55

danik.js,
а вы из благих намерений всех гнобите, кто знает меньше вас, чтобы им
Цитата:

Сообщение от danik.js
дабы неповадно было на форум обращаться

или как?

danik.js 16.12.2013 19:59

Цитата:

Сообщение от рони
а вы из благих намерений всех гнобите, кто знает меньше вас, чтобы им

Зависит от настроения. Как бы то ни было, я ж помогаю в конечном итоге. И обычно даю объяснения. А ты мог бы и ответить на вопрос. Или это и есть твой ответ, то есть ты обфусцируешь код от "незнания"?


Часовой пояс GMT +3, время: 07:38.