Object.assign for an array of objects

Question

So I'm able to use object.assign on an object like this

let recipe = {"recipeId":1,"title":"Instant Pot® Chicken and Wild Rice Soup","directions":"Lorem ipsum dolor sit","imageLink":"https://images-gmi-pmc.edge-generalmills.com/60c3ebda-50a7-415e-8c66-14f6c9b93034.jpg","id":"1"}
this.editableRecipe = Object.assign({},recipe);

but i'm having trouble doing this with a list of objects like this:

let ingredients = [
    {"ingredientId":1,"amount":1,"unit":"package","ingredient":"(20 oz) boneless skinless chicken thighs","note":"patted dry","id":"1"},
    {"ingredientId":2,"amount":1,"unit":"teaspoon","ingredient":"salt22323","note":"","id":"2"},
    {"ingredientId":3,"amount":0.5,"unit":"teaspoon","ingredient":"pepper","note":"","id":"3"},
    {"ingredientId":4,"amount":2,"unit":"tablespoons","ingredient":"butter","note":"","id":"4"},
    {"ingredientId":5,"amount":1,"unit":"package","ingredient":"(20 oz) boneless skinless chicken thighs","note":"patted dry","id":"5"},
    {"ingredientId":6,"amount":1,"unit":"teaspoon","ingredient":"salt","note":"","id":"6"}
];

// this.editableIngredients = something for object assign for the array here

From what I've been reading, it looks like the array.map method would probably be the best way, but I'm having some issues getting it right.

Based on this I tried something like this: this.editableIngredients = ingredients.flat().map(p => Object.assign(p));

Have also tried a few different iterations based on reading this

Object.assign({}, ...ingredients)? actually, no, since each ingredient has the same keys, you'll need to do something about that — Jaromanda X
– Jaromanda X, Commented Apr 23, 2020 at 3:25
@JaromandaX don't think that's going to work. You'd end up with only the last of each property. Edit: you noticed 😉 — Phil
– Phil, Commented Apr 23, 2020 at 3:26
this.editableIngredients = ingredients.map(p => Object.assign({}, p)); ? — Kosh
– Kosh, Commented Apr 23, 2020 at 3:28
I think @Kosh has it but I'd still use the spread syntax, ie ingredients.map(i => ({...i})) — Phil
– Phil, Commented Apr 23, 2020 at 3:29

Quetzalcoatl · Accepted Answer · 2020-04-23 03:45:29Z

1

[CORRECTEDx2] Maybe something like this:

copy = ingredients.map(o=>Object.assign({},o))

edited Apr 23, 2020 at 3:45

answered Apr 23, 2020 at 3:27

Quetzalcoatl

895 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Quetzalcoatl Over a year ago

Dammit, I copied the wrong line. Here it is: copy = [...ingredients.map(o=>Object.assign({},o))]

Phil Over a year ago

The spread syntax isn't going to make much of a difference since map() will return a new array anyway

Collectives™ on Stack Overflow

Object.assign for an array of objects

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related