How to create new object by the array of objects and array of values in JavaScript

Question

I would like to know how to change array of objects with array of values in JavaScript. I have array arr and nested object nestobj, want to place arr values in nested object value


var arr =["xyz", "abc", "3", "str"];
var nestobj=[
  {field1: '' },
  {field2: '' },
  {field3: '' }
]


var result = nestobj.map(e=>{
   arr.map(i=>{
     e:i
  })
})

Expected Output

[
  {field1: 'xyz' },
  {field2: 'abc' },
  {field3: '3' }
]

Unmitigated · Accepted Answer · 2021-07-15 14:33:44Z

1

You can use Array#map with Object.keys.

var arr =["xyz", "abc", "3", "str"];
var nestobj=[
  {field1: '' },
  {field2: '' },
  {field3: '' }
]
let res = nestobj.map((x, i)=>({[Object.keys(x)[0]]: arr[i]}));
console.log(res);

answered Jul 15, 2021 at 14:33

Unmitigated

91.4k12 gold badges102 silver badges109 bronze badges

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

Comments

Amit Kumar · Accepted Answer · 2021-07-15 14:41:25Z

0

nestobj.map((element, index) => {
  element[`field${index+1}`] = arr[index];
});

answered Jul 15, 2021 at 14:41

Amit Kumar

156 bronze badges

Collectives™ on Stack Overflow

How to create new object by the array of objects and array of values in JavaScript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related