How to get a string path from array-like object

Question

I'm attempting to build a string path from array-like object. But my solution is not good

// in cay thu muc
var test = [
  {
    name: "home",
    children: [
      {
        name: "dev",
        children: [
          {
            name: "ahihi.txt"
          },
          {
            name: "hhh.js"
          }
        ]
      }
    ]
  },
  {
    name: "www",
    children: [
      {
        name: "fol1",
        children: [
          {
            name: "fdsafd"
          }
        ]
      },
      {
        name: "fol3",
        children: []
      }
    ]
  },
  {
    name: "fol2",
    children: []
  }
];

function printChild(items, tabNum) {
  let indent = `${"  ".repeat(tabNum)}`;
  let child = "";

  [...items].forEach(item => {
    if (!item.hasOwnProperty("children")) {
      child += `${indent + item.name}\n`;
    } else if (item.children.length === 0) {
      child += `${indent + item.name}\\\n`;
    } else {
      child += `${indent +
        item.name +
        "\\\n" +
        printChild(item.children, tabNum + 1)}`;
    }
  });

  return child;
}

function tree(test) {
  let res = `\\\n${printChild(test, 1)}`;
  return res;
}

console.log(tree(test));

Here's repl link: https://repl.it/repls/CrispRashHack

Ideally, this should result in something like;

  home\
    dev\
      ahihi.txt
      hhh.js
  www\
    fol1\
      fdsafd
    fol3\
  fol2\

Because he'd have to manually input the maximum number of levels of depth. I'd probably aim to do this recursively although I am not sure how I'd deal with the different levels of indent. — Matthew Player
– Matthew Player, Commented Sep 1, 2019 at 9:39
The only difference I see is that of extra level of indent where at the root level you have \. Is that the only problem? — Pankaj Shukla
– Pankaj Shukla, Commented Sep 1, 2019 at 9:45

adiga · Accepted Answer · 2019-09-01 10:00:29Z

1

You could use flatMap to get an array of string to be concatenated. Then use join to create the final string

var test=[{name:"home",children:[{name:"dev",children:[{name:"ahihi.txt"},{name:"hhh.js"}]}]},{name:"www",children:[{name:"fol1",children:[{name:"fdsafd"}]},{name:"fol3",children:[]}]},{name:"fol2",children:[]}];

function stringify(arr, index = 0) {
  const prefix = '   '.repeat(index);
  
  return arr.flatMap(o => 
    o.children 
      ? [`${prefix}${o.name}\\\n`, ...stringify(o.children, index + 1)]
      : `${prefix}${o.name}\n`
  )
}

console.log(stringify(test).join(''))

answered Sep 1, 2019 at 10:00

adiga

35.4k9 gold badges65 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Volper · Accepted Answer · 2019-09-01 10:32:05Z

0

Looks like your code works. I don't know what you mean by "my solution is not good".

If you just want to remove the backslash at the beggining (to make it the same as in the expected result you posted), change the line:

let res = `\\\n${printChild(test, 1)}`;

to:

let res = printChild(test, 0);

Also, you do not need the [...items] because it is an actual array and not only an array-like object, so just items will do.

Your code can be shortened as well:

function printChild(items, tabNum) {
  let indent = "  ".repeat(tabNum);
  let child = "";

  items.forEach(item => {
    child += indent + item.name;
    if (!item.hasOwnProperty("children")) {
      child += "\n";
    } else if (item.children === []) {
      child += "\\\n";
    } else {
      child += `\\\n${printChild(item.children, tabNum + 1)}`;
    }
  });

  return child;
}

console.log(printChild(test, 0));

edited Sep 1, 2019 at 10:32

answered Sep 1, 2019 at 9:44

Volper

6941 gold badge6 silver badges15 bronze badges

2 Comments

Nguyễn Hữu Trương Over a year ago

I mean, handle it in another way

Volper Over a year ago

I think your method is good, I just shortened it in an edit a bit.

Collectives™ on Stack Overflow

How to get a string path from array-like object

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related