var dataSource = [...Array(100)].map(() => ({ _id: crypto.randomUUID(), children: [...Array(10)].map(() => ({ _id: crypto.randomUUID(), children: [...Array(10)].map(() => ({ _id: crypto.randomUUID(), children: [], })) })) })); var collectExpandedIdsFromDataSource1 = ( dataSource, searchPhrase, ) => { const ids = []; if (!searchPhrase) return ids; const getRowIds = (row) => { if (row._id && row.children?.length) ids.push(row._id); for (const child of row.children ?? []) getRowIds(child); }; for (const row of dataSource) getRowIds(row); return ids; }; var collectExpandedIdsFromDataSource2 = (dataSource, searchPhrase) => { if (!searchPhrase) return []; return dataSource.flatMap(row => { return row.children?.length ? (row._id ? [row._id, ...collectExpandedIdsFromDataSource2(row.children, searchPhrase)] : collectExpandedIdsFromDataSource2(row.children, searchPhrase)) : [] }) }; function* collectExpandedIdsFromDataSource3(dataSource, searchPhrase) { if (!searchPhrase) return; for (const row of dataSource) { if (row.children?.length) { if (row._id) yield row._id; yield* collectExpandedIdsFromDataSource3(row.children, searchPhrase); } }; };