Estoy trabajando en una aplicación angular. Tengo datos de la siguiente manera.
data = [ { "sampleData": [{ "id":"1" }], "status": "completed" }, { "sampleData": [{ "id":"1" }], "status": "not completed" }, { "sampleData": [], "status": "completed" } ]Encima de uno está la matriz de muestra. Así, en tiempo de ejecución, mi matriz puede tener 200-300 registros. Quiero agregar una "categoría" de atributo/campo a cada elemento en función de la siguiente condición.
si la longitud de los datos de muestra es mayor que 0, compruebe el estado. Si el estado está completo, se agregará el atributo/campo "categoría": "completado". Si el estado no está completo, se agrega el atributo/campo "categoría": "no completado".
Si la longitud de los datos de muestra es igual a 0, entonces el atributo/campo "categoría": "en espera" se agrega a la matriz.
Entonces, la matriz anterior después de la manipulación debería verse de la siguiente manera:
data = [ { "sampleData": [{ "id":"1" }], "status": "completed", "category": "completed" }, { "sampleData": [{ "id":"1" }], "status": "not completed" "category": "not completed" }, { "sampleData": [], "status": "completed" "category": "on hole" } ]De manera similar, puedo tener 200-300 elementos en una matriz en tiempo de ejecución y necesito agregar una categoría a todos y cada uno de los elementos en función de la condición anterior y crear una matriz final. ¿Cómo puedo hacerlo de una manera buena y eficiente?
Recorra la matriz y verifique si la longitud de la propiedad sampleData del elemento es mayor que 0 y, de ser así, establezca la propiedad de category del elemento en la propiedad de status del elemento. De lo contrario, configúrelo en "en espera".
const data = [{ "sampleData": [{ "id": "1" }], "status": "completed", }, { "sampleData": [{ "id": "1" }], "status": "not completed" }, { "sampleData": [], "status": "completed" } ] data.forEach(e => e.category = e.sampleData.length > 0 ? e.status : "on hold") console.log(data) Se puede implementar la misma lógica si no desea mutar el original usando Array.map :
const data = [{ "sampleData": [{ "id": "1" }], "status": "completed", }, { "sampleData": [{ "id": "1" }], "status": "not completed" }, { "sampleData": [], "status": "completed" } ] const res = data.map(e => ({ ...e, category: e.sampleData.length > 0 ? e.status : "on hold" })) console.log(res) Con una declaración if ( según la solicitud de OP ):
const data = [{ "sampleData": [{ "id": "1" }], "status": "completed", }, { "sampleData": [{ "id": "1" }], "status": "not completed" }, { "sampleData": [], "status": "completed" } ] data.forEach(e => e.category = e.sampleData.length > 0 ? e.status : "on hold") console.log(data)Puedes usar Array.map() :
function addCategory(source) { return source.map( item => ({ ...item, category: item.sampleData.length === 0 ? 'on hold' : item.status === 'completed' ? 'completed' : 'non completed'; }); } . . . const withCategory = addCategory( getMeSomeSourceData() );Eso es tan fácil como parece.