脚本 / 设置从 0 开始的增量索引

Question

我有一个问题，设置总是唯一的索引，递增一个。我有一个这样的数组。const parentArr = [  {    name: 'first parent array',    childArray: [      {        name: '1 / first child'      },      {        name: '1 / second child'      }    ]  },    {    name: 'second parent array',    childArray: [      {        name: '2 / first child array'      },      {        name: '2 / second child array'      }    ]  }]我期待这样的结果：const expectedResult = [  {    name: 'first parrent array',    additionalInfo: [      {        index: 0,        name: '1 - first child'      },      {        index: 1,        name: '1 - second child'      }    ]  },   {    name: 'second parrent array',    additionalInfo: [      {        index: 2,        name: '2 -first child array'      },      {        index: 3,        name: '2- second child array'      }    ]  }]我想在附加信息中为0中的每个项目设置索引。我试过这样，但我得到了错误的索引号  return parentArr.map((parent) => {    return {      name: parent.name,      additionalData: parent.childArray.map((child, index) => ({        name: child.name        index: index   // I'M STUCK ON THIS LINE      })),    };  });

Answer 1

您必须独立于循环管理子级的索引。那这个呢？

let i = 0;

return parentArr.map((parent) => {

  return {

    name: parent.name,

    additionalData: parent.childArray.map((child) => ({

      name: child.name

      index: i++

    })),

  };

});

Answer 2

索引计数应位于地图外部，因为这将在每次迭代时重置它。

您可以将此行为抽象为可重用的方法，如下所示。

const parentArr = [

  {

    name: 'first parent array',

    childArray: [

      {

        name: '1 / first child'

      },

      {

        name: '1 / second child'

      }

    ]

  },

    {

    name: 'second parent array',

    childArray: [

      {

        name: '2 / first child array'

      },

      {

        name: '2 / second child array'

      }

    ]

  }

];

const transformArray = root => {

  let i = 0;

  return root.map(({ name, childArray }) => ({

    name,

    additionalData: childArray.map(({ name }) => ({

      index: i++,

      name

    }))

  }));

};

console.log(transformArray(parentArr));