tengo una variedad de articulos
const test = [ { id: '1', }, { id: 'a', }, { id: '3', }, { id: 'b', }, { id: '5', }, { id: 'c', }, { id: '7', }, ]; Estos objetos siempre van a estar en el mismo orden. Me gustaría poder eliminar todos los elementos en orden desde el principio hasta que se alcance una id específica.
Pensé que podría hacer esto simplemente recorriendo hasta encontrar uno y luego empujando los elementos que vienen después de eso a una matriz separada:
let skippedArray = [] let skipUntilIndex = undefined test.forEach((item, i) => { if(item.id === 'b') { skipUntilIndex = i } if(skipUntilIndex && i >= skipUntilIndex) { skippedArray.push(item) } }) // [ // { // id: 'b', // }, // { // id: '5', // }, // { // id: 'c', // }, // { // id: '7', // }, // ] console.log(skippedArray)Pero esto parece bastante sucio. ¿Hay una mejor manera de lograr esto? No me importa usar lodash o bibliotecas similares.
Puede hacerlo utilizando los métodos findIndex y slice , mediante findIndex puede encontrar el índice del elemento de destino en la matriz y con slice puede crear una submatriz de su matriz original.
const data = [ { id: '1', }, { id: 'a', }, { id: '3', }, { id: 'b', }, { id: '5', }, { id: 'c', }, { id: '7', }, ]; const getSkippedItems = (id)=> { const index = data.findIndex(v => v.id == id); return index > -1 ? data.slice(index) : []; } const skippedArr = getSkippedItems('b'); console.log(skippedArr)Puede usar Array.reduce() para filtrar todos los elementos hasta que se alcance nuestra identificación deseada.
Solo crearemos la matriz de salida una vez que encontremos la identificación requerida, luego insertaremos los elementos restantes en ella.
const test = [ { id: '1' }, { id: 'a' }, { id: '3' }, { id: 'b' }, { id: '5' }, { id: 'c' }, { id: '7' } ]; const result = test.reduce((output, item) => { if (!output && item.id === 'b') output = []; if (output) output.push(item); return output; }, null); console.log(result) .as-console-wrapper { max-height: 100% !important; top: 0; }Puede tomar un cierre sobre una bandera y, si lo encuentra, filtrar el resto por encontrado.
const removeUntil = (id, found) => o => found ||= o.id === id, test = [{ id: '1' }, { id: 'a' }, { id: '3' }, { id: 'b' }, { id: '5' }, { id: 'c' }, { id: '7' }], result = test.filter(removeUntil('b')); console.log(result); .as-console-wrapper { max-height: 100% !important; top: 0; }