I have two arrays
const time = ['00:00', '00:30', '01:00', '01:30'] const cost = [1.40, 5.00, 2.00, 3.00] And I want to merge them into an array of objects with keys like so:
result = [ { time: '00:00', cost: 1.40 }, { time: '00:30', cost: 5.00 }, { time: '01:00', cost: 2.00 }, { time: '01:30', cost: 3.00 } ] You can try using Array.prototype.map():
The
map()method creates a new array populated with the results of calling a provided function on every element in the calling array.
const time = ['00:00', '00:30', '01:00', '01:30']; const cost = [1.40, 5.00, 2.00, 3.00]; var result = time.map((t, i)=>({time: t, cost: cost[i]})); console.log(result);
It can be done by following way:-
const time = ['00:00', '00:30', '01:00', '01:30'] const cost = [1.40, 5.00, 2.00, 3.00] let array = [] for(let i=0; i<4; i++){ let obj = {} obj.time = time[i] obj.cost = cost[i] array.push(obj) } console.log(array) output -
[ { time: '00:00', cost: 1.4 }, { time: '00:30', cost: 5 }, { time: '01:00', cost: 2 }, { time: '01:30', cost: 3 } ] You can loop through one of the two arrays and then populate objects into a declarated array as below.
const time = ['00:00', '00:30', '01:00', '01:30']; const cost = [1.4, 5.0, 2.0, 3.0]; let objArr = []; time.forEach((t, i) => { objArr[i] = { time: t, cost: cost[i], }; }); console.log(objArr);
const time = ['00:00', '00:30', '01:00', '01:30']; const nums = [1.99, 5.11, 2.99, 3.45 ]; const newArray = []; time.forEach((element, index) => { newArray.push({ time: element, cost: nums[index] }) }) console.log(newArray) 