递归获得嵌套数组哪个状态等于一个

Question

我在下面有一个嵌套的数组，其中应与状态== 1，然后返回ID，预计将是这样的阵列[1,3,9,11]，

const data = [
    {
        title: 'level1',
        id: 1,
        status:1,
        children: [
            {
                title: 'level1-1',
                id: 3,
                status:1,
                children: [
                    { title: 'level1-1-1', id: 7, field: '', status:0 },
                    { title: 'level1-1-2', id: 9, field: '', status:1 }
                ]
            }
        ]
    },
    {
        title: 'level2',
        id: 11,
        status:1,
        children: [
            {
                title: 'level2-1',
                id: 12,
                status:0,
                children: []
            }
        ]
    }
]

任何帮助都将不胜感激！

Answer 1

您可以采用递归方法并返回ID，如果状态匹配以及儿童的其他ID。

const
    getIds = ({ id, status, children = [] }) => [
        ...(status === 1 ? [id] : []),
        ...children.flatMap(getIds)
    ],
    data = [{ title: 'level1', id: 1, status: 1, children: [{ title: 'level1-1', id: 3, status: 1, children: [{ title: 'level1-1-1', id: 7, field: '', status: 0 }, { title: 'level1-1-2', id: 9, field: '', status: 1 }] }] }, { title: 'level2', id: 11, status: 1, children: [{ title: 'level2-1', id: 12, status: 0, children: [] }] }],
    result = data.flatMap(getIds);

console.log(...result);

Answer 2

这应该表现良好。

const data = [{title: 'level1',id: 1,status:1,children: [{title: 'level1-1', id: 3,status:1,children: [{ title: 'level1-1-1', id: 7, field: '', status:0 }, { title: 'level1-1-2', id: 9, field: '', status:1 } ]}]},{title: 'level2',id: 11,status:1,children: [{title: 'level2-1', id: 12,status:0,children: []}]}];

/**
 * Function that accpets two params
 * @param  {Array} `obj` data to iterate.
 * @param  {Number} `status` status you want to match.
 */
const getIdsWithStatus = (obj, status) => 
  // Use the reduce function to create an array of ids from
  // the `obj` array
  obj.reduce((acc, item) => {
    // If the `obj` array has children in an item,
    // let's iterate the children, and push the result into the accumulator
    if (item.children)
      acc.push(...getIdsWithStatus(item.children, status))
    // If the current item matches the target status,
    // push the item id
    if (item.status === status)
      acc.push(item.id)
    // Return accumulator
    return acc;
  }, []);

console.log(getIdsWithStatus(data, 1))

Answer 3

这将解决问题

const findWithStatus = statusToMatch => data => 
   data.reduce((res, {id, status, children}) => {
    res = status === statusToMatch? [...res, id]: res
    if(!children) {
      return res
    }
    return [...res, ...(findWithStatus(statusToMatch)(children) || [])]
  }, [])


const findWithStatus1 = findWithStatus(1)



const data = [{
    title: 'level1',
    id: 1,
    status: 1,
    children: [{
      title: 'level1-1',
      id: 3,
      status: 1,
      children: [{
          title: 'level1-1-1',
          id: 7,
          field: '',
          status: 0
        },
        {
          title: 'level1-1-2',
          id: 9,
          field: '',
          status: 1
        }
      ]
    }]
  },
  {
    title: 'level2',
    id: 11,
    status: 1,
    children: [{
      title: 'level2-1',
      id: 12,
      status: 0
    }]
  }
]

console.log(findWithStatus1(data))