how to insert data into an array of objects javascript

Question

Can someone please help me with some code to insert data into an existing array of objects so i have this array

[
  {
    "order_id": "241918",
    "customer_name": "Marietjie",
    "customer_surname": "Short",
    "total_items": "44",
    "completed_items": "17",
    "percent_complete": 0.38636363636364,
    "datetime_received": "2018-07-25 15:18:25",
    "delivery_date": "2018-10-29",
    "delivery_from": "12:00",
    "delivery_to": "13:00",
    "completed": "0",
    "shopper": "joel"
  },
  {
    "order_id": "281774",
    "customer_name": "Ashleigh",
    "customer_surname": "Hodge",
    "total_items": "16",
    "completed_items": "0",
    "percent_complete": 0,
    "datetime_received": "2018-10-04 15:59:19",
    "delivery_date": "2018-10-29",
    "delivery_from": "12:00",
    "delivery_to": "13:00",
    "completed": "0",
    "shopper": null
  }
]

i want to insert data from this array into the array above to replace the value of the percent_completed with the value of the array below.

["17", "0"]

so for the first

You could create a new array with the modified values using map: const newArray = a1.map((item,index)=>({...item,percent_complete:a2[index]}) — HMR
– HMR, Commented Dec 4, 2018 at 15:01

Doina Bostan · Accepted Answer · 2018-12-04 14:49:49Z

Try this:

	var array=[
  {
    "order_id": "241918",
    "customer_name": "Marietjie",
    "customer_surname": "Short",
    "total_items": "44",
    "completed_items": "17",
    "percent_complete": 0.38636363636364,
    "datetime_received": "2018-07-25 15:18:25",
    "delivery_date": "2018-10-29",
    "delivery_from": "12:00",
    "delivery_to": "13:00",
    "completed": "0",
    "shopper": "joel"
  },
  {
    "order_id": "281774",
    "customer_name": "Ashleigh",
    "customer_surname": "Hodge",
    "total_items": "16",
    "completed_items": "0",
    "percent_complete": 0,
    "datetime_received": "2018-10-04 15:59:19",
    "delivery_date": "2018-10-29",
    "delivery_from": "12:00",
    "delivery_to": "13:00",
    "completed": "0",
    "shopper": null
  }
]

var array2=["17", "0"];

for(var x=0; x< array.length; x++){
	array[x].percent_complete=array2[x]
}

console.log(array)

Goran.it · Accepted Answer · 2018-12-04 14:43:21Z

You just need to iterate your original data array and overwrite it's property with according value from the provided update array. Something like this:

var data = [
  {
    "order_id": "241918",
    "customer_name": "Marietjie",
    "customer_surname": "Short",
    "total_items": "44",
    "completed_items": "17",
    "percent_complete": 0.38636363636364,
    "datetime_received": "2018-07-25 15:18:25",
    "delivery_date": "2018-10-29",
    "delivery_from": "12:0-0",
    "delivery_to": "13:00",
    "completed": "0",
    "shopper": "joel"
  },
  {
    "order_id": "281774",
    "customer_name": "Ashleigh",
    "customer_surname": "Hodge",
    "total_items": "16",
    "completed_items": "0",
    "percent_complete": 0,
    "datetime_received": "2018-10-04 15:59:19",
    "delivery_date": "2018-10-29",
    "delivery_from": "12:00",
    "delivery_to": "13:00",
    "completed": "0",
    "shopper": null
  }
];
var update = ["17", "0"];
data.forEach((d, i) => {
  data[i].percent_completed = update[i]
})

Cid · Accepted Answer · 2018-12-04 14:45:10Z

Loop over the array containing the new values and the one containing the datas (Loop will stops when the end of one of them will be reached), then update the data one at each iteration.

let myarr = [
  {
    "order_id": "241918",
    "customer_name": "Marietjie",
    "customer_surname": "Short",
    "total_items": "44",
    "completed_items": "17",
    "percent_complete": 0.38636363636364,
    "datetime_received": "2018-07-25 15:18:25",
    "delivery_date": "2018-10-29",
    "delivery_from": "12:00",
    "delivery_to": "13:00",
    "completed": "0",
    "shopper": "joel"
  },
  {
    "order_id": "281774",
    "customer_name": "Ashleigh",
    "customer_surname": "Hodge",
    "total_items": "16",
    "completed_items": "0",
    "percent_complete": 0,
    "datetime_received": "2018-10-04 15:59:19",
    "delivery_date": "2018-10-29",
    "delivery_from": "12:00",
    "delivery_to": "13:00",
    "completed": "0",
    "shopper": null
  }
];

let newvals = ["17", "0"];

for (let i = 0; i < newvals.length && i < myarr.length; ++i)
  myarr[i].percent_complete = newvals[i];

console.log(myarr);

jShubh · Accepted Answer · 2018-12-04 15:11:16Z

1

const array =[
  {
    "order_id": "241918",
    "customer_name": "Marietjie",
    "customer_surname": "Short",
    "total_items": "44",
    "completed_items": "17",
    "percent_complete": 0.38636363636364,
    "datetime_received": "2018-07-25 15:18:25",
    "delivery_date": "2018-10-29",
    "delivery_from": "12:00",
    "delivery_to": "13:00",
    "completed": "0",
    "shopper": "joel"
  },
  {
    "order_id": "281774",
    "customer_name": "Ashleigh",
    "customer_surname": "Hodge",
    "total_items": "16",
    "completed_items": "0",
    "percent_complete": 0,
    "datetime_received": "2018-10-04 15:59:19",
    "delivery_date": "2018-10-29",
    "delivery_from": "12:00",
    "delivery_to": "13:00",
    "completed": "0",
    "shopper": null
  }
];
const array1= ["17","12"];

result = array1.map((value, index) => {

return { ...array[index], completed_items: value };
});
console.log(result);

edited Dec 4, 2018 at 15:11

answered Dec 4, 2018 at 14:50

jShubh

794 bronze badges

2 Comments

HMR Over a year ago

if you mutate something then you should not use map, instead use forEach to make it clear this code is not pure and has side effects.

jShubh Over a year ago

Fixed.. @HMR Thanks

Collectives™ on Stack Overflow

how to insert data into an array of objects javascript

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related