How to construct a new array with values of existing objects array in react javascript [duplicate]

Question

let's say I have an array:

arr = [
    {id: 1 , content: 'content string 1' , ... }
    {id: 2 , content: 'content string 2' , ... }
    {id: 3 , content: 'content string 3' , ... }
    {id: 4 , content: 'content string 4' , ... }
    {id: 5 , content: 'content string 5' , ... }
]

I want to get content string from this array and put this into a new array Like:

newArray = ['content string 1', 'content string 2', 'content string 3', 'content string 4', 'content string 5' ]

I've seen many articles on web for the methods to copy values from objects into new array, but not seems to be working.

duplicate: stackoverflow.com/a/13973194/14021955

Mischa Binder
– Mischa Binder

2022-05-16 09:45:39 +00:00
Commented May 16, 2022 at 9:45 — Mischa Binder
– Mischa Binder, Commented May 16, 2022 at 9:45

Nick Vu · Accepted Answer · 2022-05-16 09:44:20Z

2

You can do it with map

const arr = [
    {id: 1 , content: 'content string 1'  },
    {id: 2 , content: 'content string 2'  },
    {id: 3 , content: 'content string 3'  },
    {id: 4 , content: 'content string 4'  },
    {id: 5 , content: 'content string 5'  }
]

const newArr = arr.map((item) => item.content)

console.log(newArr)

answered May 16, 2022 at 9:44

Nick Vu

15.6k5 gold badges29 silver badges37 bronze badges

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

2 Comments

T.J. Crowder Over a year ago

This is an often-repeated duplicate question. Please don't post answers to obvious duplicates.

adiga Over a year ago

Please vote to close duplicate questions.

Anastasia · Accepted Answer · 2022-05-16 09:44:36Z

1

const newArray = arr.map(element => element.content);

answered May 16, 2022 at 9:44

Anastasia

8221 gold badge7 silver badges11 bronze badges

1 Comment

T.J. Crowder Over a year ago

This is an often-repeated duplicate question. Please don't post answers to obvious duplicates. Also, code-only answers aren't useful answers. It's important to explain what you did.

Collectives™ on Stack Overflow

How to construct a new array with values of existing objects array in react javascript [duplicate]

2 Answers 2

2 Comments

1 Comment

Hot Network Questions