Tengo el siguiente código, para hacer una nueva matriz.
const datos = [{ "id": "re_alt_sr", "quantity": 345, "selectable": false }, { "id": "re_alt_gen", "quantity": 740, "selectable": true }, { "id": "re2_alw_gen2", "quantity": 40, "selectable": true }, { "id": "re_st_w_show", "quantity": 1, "selectable": true }] var list = []; for (const item of datos) { list.push({ name: item.id, value: item.quantity, is: item.selectable }) } console.log(list)Pero quiero añadir un nuevo elemento entre los que son seleccionables.
{"name": "default", "value": 0, "status": true}Dejando algo como esto:
[ {"name": "re_alt_sr", "value": 345, "is": false }, {"name": "re2_alw_gen2","value": 40,"is": true }, {"name": "default", "value": 0, "status": true}, {"name": "re_alt_gen", "value": 740, "is": true}, {"name": "default", "value": 0, "status": true}, {"name": "re_st_w_show", "value": 1, "is": true} ]Punto para aclarar: como usted piensa: los no seleccionables son un grupo y los SI-seleccionables es otro. Habrá otras matrices que son todas "no seleccionables", por lo que no necesita agregarles nada.
Esta SOLUCIÓN se mantiene cerca de su código existente al emplear una declaración if para obtener el "nuevo elemento entre los que no se pueden seleccionar y los que sí". .
Básicamente, lo que hace es realizar un seguimiento del estado seleccionable del elemento anterior y, cuando se detecta una diferencia, inserta el nuevo elemento.
const datos = [{ "id": "re_alt_sr", "quantity": 345, "selectable": false }, { "id": "re_alt_gen", "quantity": 740, "selectable": true }, { "id": "re_st_w_show", "quantity": 1, "selectable": true }] var list = []; // Var to track of previous item's selectable state var previousSelectableState = null; for (const item of datos) { // NEW CODE BEGIN if ( previousSelectableState !== null) { // Not at first item if (previousSelectableState !== item.selectable ) { // Previous item selectable differs from this one list.push( {"id": "default", "quantity": 0, "status": true} ); } } previousSelectableState = item.selectable; // for next iteration // NEW CODE END list.push({ name: item.id, value: item.quantity, is: item.selectable }) } console.log(list)Puede usar .reduce() , que es una función útil que itera a través de una matriz y pasa un valor de cada iteración a la siguiente.
const datos = [{"id": "re_alt_sr","quantity": 345,"selectable": false},{"id": "re_alt_gen","quantity": 740,"selectable": true},{"id": "re_st_w_show","quantity": 1,"selectable": true}]; const list = datos.reduce((acc, val) => { // Can't use index here because we may have already // injected extra items into array. So we use length instead const prev = acc[acc.length - 1]; return prev && prev.selectable !== val.selectable ? [ ...acc, {"id": "default", "quantity": 0, "status": true}, val ] : [...acc, val]; },[]); console.log(list)