Cómo reformatear la matriz de objetos de la manera más simple y empujar a formGroup como se muestra a continuación. ¿Cómo puedo evitar el uso repetido de la palabra producto? Por ejemplo: operadores de propagación
for (const product of products) { this.productArray.push( this.fb.group({ // How to simplify this code id: product.product_id, name: product.product_name, chargers: product.sales_chargers, class: product.class_name, price: product.price, }), ); }No veo una transformación formulaica de las claves de producto del OP a las claves de grupo del OP. Una alternativa es capturar la transformación en datos. Entonces, al menos, puede definir claramente el mapeo y saber dónde ir para editarlo...
const keyMap = { product_id: 'id', product_name: 'name', sales_chargers: 'chargers', class_name: 'class', price: 'price' }; const product2Group = product => Object.fromEntries( Object.entries(product).map(([k, v]) => [ keyMap[k] , v ]) );Entonces, podemos reemplazar el bucle OP con...
this.productArray = products.map(product2Group);Manifestación...
const keyMap = { product_id: 'id', product_name: 'name', sales_chargers: 'chargers', class_name: 'class', price: 'price' }; const product2Group = product => Object.fromEntries( Object.entries(product).map(([k, v]) => [ keyMap[k] , v ]) ); const products = [ { product_id: 4, product_name: 'my product four', sales_chargers: 'chargers 4', class_name: 'classy class 4', price: 44 }, { product_id: 5, product_name: 'my product five', sales_chargers: 'chargers 5', class_name: 'classy class 5', price: 55 } ] const result = products.map(product2Group); console.log(result);No se puede acceder a una propiedad, sin mencionar la referencia. Cualquier solución sin product es más complicada que Su código.
Sin embargo, es posible que desee utilizar .map para convertir cada elemento de la matriz de una forma más elegante.
this.productArray = products.map(product => this.fb.group({ id: product.product_id, name: product.product_name, chargers: product.sales_chargers, class: product.class_name, price: product.price, }) )