recursing a tree structure with ES6 generators

0.js

function *doStuff(){
  yield 1;
  yield 2;
  yield *doStuff();
}

var it = doStuff();
var res;

res = it.next();
console.log(res.value);

res = it.next();
console.log(res.value);

res = it.next();
console.log(res.value);

res = it.next();
console.log(res.value);

1.js

var data = [
  { id: "0" },
  {
    id: "1",
    children: [
      {
        id: "1.1",
        children: [
          {
            id: "1.1.1",
            children: [
              {
                id: "1.1.1.1",
                children: [
                  { id: "1.1.1.1.1" },
                  { id: "1.1.1.1.2" },
                  { id: "1.1.1.1.3" }
                ]
              },
              { id: "1.1.1.2" },
              { id: "1.1.1.3" }
            ]
          },
          { id: "1.1.2" },
          { id: "1.1.3" },
        ]
      },
      { id: "1.2" },
      { id: "1.3" }
    ]
  },
  { id: "2" },
  { id: "3" }
];

2.js

function *processData(data){
  if (!data) { return; }

  for (var i = 0; i< data.length; i++){
    var val = data[i];
    yield val.id;

    if (val.children) {
      yield *processData(val.children);
    }
  }
}

3.js

var it = processData(data);
var res = it.next();

while(!res.done){
  console.log(res.value);
  res = it.next();
}

4.sh

0
1
1.1
1.1.1
1.1.1.1
1.1.1.1.1
1.1.1.1.2
1.1.1.1.3
1.1.1.2
1.1.1.3
1.1.2
1.1.3
1.2
1.3
2
3