在 javascript 中操作两个 arrays

Question

I have a array as follows:

myNumberArray  = [1,2,3,4]

I have one another array as follows:

data = [
{
 "id":34
},
{
 "id":35
},
{
 "id":36
},
{
 "id":37
}
]

At run time I can have many elements. But number of elements in both array will always be same. I want to manipulate data array such that it creates one attribute "number" in an element and assign number from myNumberArray to that number attribute.

Final array Will look as follows:

data = [
{
 "number":1,
 "id":34
},
{
 "number":2,
 "id":35
},
{
 "number":3,
 "id":36
},
{
 "number":4,
 "id":37
}
]

How can I do that?

Answer 1

myNumberArray  = [1,2,3,4]

data = [
 {
  "id":34
 },
 {
  "id":35
 },
 {
  "id":36
 },
 {
  "id":37
 }
]

data.forEach((elem, index)=>{
  data[index]["number"]=myNumberArray[index];
})

console.log(data);

This should solve your problem.

Explanation:

I used forEach to iterate over the data array, forEach accepts two parameters, the current value at an index, and the value.

Since, yours is a one-to-one mapping, we are using the current index to access the value at the same index in myNumberArray and assigning that new value in data for number key.

Answer 2

Try the following solution:

 let myNumberArray = [1,2,3,4]; let data = [ { "id":34 }, { "id":35 }, { "id":36 }, { "id":37 } ]; const updatedArray = data.map((item,index)=> { return {...item, "number":myNumberArray[index] } }); console.log(updatedArray);

Answer 3

 myNumberArray = [1,2,3,4] let data = [ { "id":34 }, { "id":35 }, { "id":36 }, { "id":37 } ] data = data.map( (x, i) => ({ number: myNumberArray[i], id: x.id}) ) console.log(data)

Answer 4

for (let i in myNumberArray) { Object.assign(data[i], { number: myNumberArray[i] }) }