Append to each item in array using Javascript

Question

I have a code in JavaScript and i would like to append "i" to each item of the array inside the object. here is the code. Could anyone go through it and fix this code

    const forArray = [
    {
      username: "john",
      team: "red",
      score: 5,
      items: ["ball", "book", "pen"]
    },
    {
      username: "becky",
      team: "blue",
      score: 10,
      items: ["tape", "backpack", "pen"]
    },
    {
      username: "susy",
      team: "red",
      score: 55,
      items: ["ball", "eraser", "pen"]
    },
    {
      username: "tyson",
      team: "green",
      score: 1,
      items: ["book", "pen"]
    },
  
  ];

    const itemsArray = [];
    forArray.forEach(item => {
      let{items} = item;
      items = items + "i";
      itemsArray.push(items);
  })
  console.log(itemsArray);

User863 · Accepted Answer · 2020-07-18 04:51:01Z

1

Using map()

const forArray = [{username:"john",team:"red",score:5,items:["ball","book","pen"]},{username:"becky",team:"blue",score:10,items:["tape","backpack","pen"]},{username:"susy",team:"red",score:55,items:["ball","eraser","pen"]},{username:"tyson",team:"green",score:1,items:["book","pen"]}];

const itemsArray = forArray.map(profile => 
  profile.items.map(item => item + 'i').join(',')
)
console.log(itemsArray);

edited Jul 18, 2020 at 4:51

answered Jul 18, 2020 at 4:26

User863

20.1k3 gold badges20 silver badges45 bronze badges

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

2 Comments

new2coding Over a year ago

t does the job but i am looking to print out the result Array(4) 0: "balli ,booki ,peni" 1: "tapei ,backpacki ,peni" 2: "balli ,eraseri ,peni" 3: "booki ,peni" length: 4

new2coding Over a year ago

can each group of items be on the same line ?

Sven.hig · Accepted Answer · 2020-07-18 05:08:18Z

0

You could use Map and append i to each element in the array and then use flat()to flatten the arrays

const forArray = [ { username: "john", team: "red", score: 5, items: ["ball", "book", "pen"] }, { username: "becky", team: "blue", score: 10, items: ["tape", "backpack", "pen"] }, { username: "susy", team: "red", score: 55, items: ["ball", "eraser", "pen"] }, { username: "tyson", team: "green", score: 1, items: ["book", "pen"] }, ];

    const itemsArray = [];
    forArray.forEach(item => {
      let{items} = item;
      itemsArray.push(items.map(o=>o+"i"))
  })
  console.log(itemsArray);

edited Jul 18, 2020 at 5:08

answered Jul 18, 2020 at 4:33

Sven.hig

4,5292 gold badges10 silver badges18 bronze badges

1 Comment

new2coding Over a year ago

it does the job but i am looking to print out the result Array(4) 0: "balli ,booki ,peni" 1: "tapei ,backpacki ,peni" 2: "balli ,eraseri ,peni" 3: "booki ,peni" length: 4

osekmedia · Accepted Answer · 2020-07-18 22:10:31Z

0

Is this what you want? The code below will keep your original structure intact but append an i to the end of each element within the items array nested inside each object.

const forArray = [
    {
      username: "john",
      team: "red",
      score: 5,
      items: ["ball", "book", "pen"]
    },
    {
      username: "becky",
      team: "blue",
      score: 10,
      items: ["tape", "backpack", "pen"]
    },
    {
      username: "susy",
      team: "red",
      score: 55,
      items: ["ball", "eraser", "pen"]
    },
    {
      username: "tyson",
      team: "green",
      score: 1,
      items: ["book", "pen"]
    },
  
  ];

  forArray.map(item => item.items = item.items.map(i => i += 'i'));

edited Jul 18, 2020 at 22:10

answered Jul 18, 2020 at 4:27

osekmedia

6838 silver badges15 bronze badges

Collectives™ on Stack Overflow

Append to each item in array using Javascript

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related