Question

我无法弄清楚如何将项目推送到相同的嵌套数组，如：

var arr = ['foo', 'bar', 'buz', 'hello'];
 // It should be now look like this: 
const output = {name: 'foo', children: [
      {name: 'bar', children: [
          {name: 'buz', children: [
              {name: 'hello', children: []}
          ]}
      ]}
  ]};

Answer 1

使用reduce：

const arr = ['foo', 'bar', 'buz', 'hello'];

const result = arr.reverse().reduce((acc, val) => ({name: val, children: [acc]}), {});

console.log(result);

Answer 2

您可以使用reduceRight创建输出。

＆＃13;

var arr = ['foo', 'bar', 'buz', 'hello'],
    result = arr.reduceRight((r, name) => ({name, children: (!Object.keys(r).length ? [] : [r])}), {});
console.log(result);

＆＃13;

Answer 3

使用递归函数：

const arr = ['foo', 'bar', 'buz', 'hello'];
const f = (arr) => ({name: arr.shift(), children: arr.length ? [f(arr)] : []});
const output = f(arr);

console.log(output);

Answer 4

使用recursive功能

function nested (arr) {
  if (arr.length === 1)
    return { name: arr.shift(), children: [] };
  else if (arr.length > 1) 
    return { name: arr.shift(), children: [nested(arr)] };
}

var array = ['foo', 'bar', 'buz', 'hello']
console.log(nested(array))

Answer 5

我现在对Array.reduce()方法如何工作有了一个想法，所以在没有递归方法的情况下发布了另一个答案。我认为对于大型树木结构会更好。基本思想是简单地反转输入数组，然后将最里面的对象包装到另一个中，依此类推。

let arr = ['foo', 'bar', 'buz', 'hello'];
function nest(arr) {
    arr = arr.reverse();
    let out = [];
    arr.forEach(it => {
        if(out.length === 0) out = {name: it, children: []}
        else {
            out = {name: it, children: [out]}
        }
    });
    return out;
}

将项目推送到数组深度中的同一嵌套子项

5 个答案: