JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<!--array insert object-->

JavaScript

const arr=[{asc_id:1, date:"2018-06-29", name:"first"},
         {asc_id:2, date:"2018-06-30", name:"second"}, 
         {asc_id:3, date:"2018-07-10", name:"fourth"},
         {asc_id:4, date:"2018-07-10", name:"fifth"}];
var checkedItem={asc_id:4, date:"2019-06-30", name:"third"};

var ascId = 0
var inserted = false;
var store = arr.reduce(function(acc, obj, index){

  if(obj.date > checkedItem.date && !inserted) {
    checkedItem.asc_id = ++ascId;
  	acc.push(checkedItem); 
    inserted = true;
  } 
  acc.push({...obj, asc_id: ++ascId});
  if(index === arr.length-1 && !inserted ){
  	acc.push({...checkedItem, asc_id: arr.length+1}); 
  }
  return acc
}, [])

console.log(store)