continously add to an objects key value in javascript

Question

I am running a loop over some data. I have an object with a key value message. Every time I loop over my array I want to append to this objects key value, I tried using spread operator but not having any luck

  const arr1 = [
    "keith",
    "kelly",
    "ed",
    "shelby"
]

const arr2 = [
    "Parker",
    "Morgan",
    "Arnold",
    "Suski",
    "Parks"
]

const addToObjectsMessageKey = arr1.map((name) => {
 let obj = {}
    arr2.forEach((lastName) => { return {...obj, message: ...obj.message + name}})
 return obj
})

console.log(addToObjectsMessageKey)

expected output

addObjectsToMessageKey = [
{ message: "Parker Morgan Arnold Suski Parks" },
{ message: "Parker Morgan Arnold Suski Parks" },
{ message: "Parker Morgan Arnold Suski Parks" },
{ message: "Parker Morgan Arnold Suski Parks" },
]

Unclear what you're trying to achieve. You want arr1.length times the concatenated output of arr2 in an object array? arr1.map(_ => ({message: arr2.join(' ')})) — Robby Cornelissen
– Robby Cornelissen, Commented Mar 29, 2022 at 2:51
Your code has an error SyntaxError: expected expression, got '...'" — Bravo
– Bravo, Commented Mar 29, 2022 at 2:54
also arr2.forEach((lastName) => { return { does nothing, since the returned value in a forEach is a GNDN — Bravo
– Bravo, Commented Mar 29, 2022 at 2:56
you seem to be overcomplicating your code, to get what you want is a case of const addToObjectsMessageKey = arr1.map(() => ({message: arr2.join(' ')})); — Bravo
– Bravo, Commented Mar 29, 2022 at 3:01
I asked the question with better detail here stackoverflow.com/questions/71658030/… — KingJoeffrey
– KingJoeffrey, Commented Mar 29, 2022 at 7:36

Link Strifer · Accepted Answer · 2022-03-29 03:18:56Z

0

Looks like you want to overwrite the arr1 elements to an object with all the elements on the arr2 joined by space, you can simplify this using arr.join MDN documentation instead of forEach

const arr1 = ["keith", "kelly", "ed", "shelby"];

const arr2 = ["Parker", "Morgan", "Arnold", "Suski", "Parks"];

const addToObjectsMessageKey = arr1.map(() => {
  return {
    message: arr2.join(" ")
  };
});

console.log(addToObjectsMessageKey);

Here is a codeSandbox:

https://codesandbox.io/s/agitated-mestorf-tlhkh2?file=/src/index.js:0-248

Is this what you want?

answered Mar 29, 2022 at 3:18

Link Strifer

5751 gold badge3 silver badges7 bronze badges

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

2 Comments

KingJoeffrey Over a year ago

I asked it better with more details here stackoverflow.com/questions/71658030/…

Link Strifer Over a year ago

I see what you need, I added my go-to solution for those cases, Regex

Collectives™ on Stack Overflow

continously add to an objects key value in javascript

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