How to remove item if exist before and add current as new ?

Question

problem

I need when add statusdate exist before on collectfulldata then remove exist and and add new one

and if not exist add it .

meaning i dont need two statusdata with same name exist two time .

and if statusdata not exist add it .

initcollectdropdowslist=[];
collectfulldata:string;
let textdata=$event.target.options[$event.target.options.selectedIndex].text;
let statusdata:any = this.FilterBinddata.filter(s=>s.reportSource==textdata)[0].reportSource2;
this.collectfulldata= statusdata + "=" + "'" + textdata + "'";
this.initcollectdropdowslist.push(this.collectfulldata);
console.log("full data is " + this.initcollectdropdowslist)

current result

full data is Text5='Lifecycle',Text6='Package',Text7='Parametric'

Expected result

if add Text8='car' to collectfulldata add it because not exist

if add Text6='OBS' add it but remove exist as Text6='Package'

Arvind Kushwaha · Answer

Hi Ahmed, You can use this one. const index = this .initcollectdropdowslist.findIndex(x => x.statusdata === statusdata); if (index > -1) { this .initcollectdropdowslist.splice(index, 1, this .collectfulldata); } else { this .initcollectdropdowslist.push( this .collectfulldata); }

ahmed elbarbary · Answer

sorry for misunderstood result not correct status dataText1 reportdetails.component.ts:388 not exist reportdetails.component.ts:391 the value selectedText1='10Gtek Transceivers Co. Ltd' reportdetails.component.ts:380 status dataText1 reportdetails.component.ts:388 not exist onChange($ event ) { let textdata=$ event .target.options[$ event .target.options.selectedIndex].text; let statusdata:any = this .FilterBinddata.filter(s=>s.reportSource==textdata)[0].reportSource2; console.log( "status data" + statusdata) this .collectfulldata= statusdata + "=" + "'" + textdata + "'" ; const index = this .initcollectdropdowslist.findIndex(x => x.statusdata === statusdata); if (index > -1) { console.log( "exist" ); this .initcollectdropdowslist.splice(index, 1); } else { console.log( "not exist" ); this .initcollectdropdowslist.push( this .collectfulldata); } console.log( "the value selected" + this .initcollectdropdowslist) } reportdetails.component.ts:391 the value selectedText1='10Gtek Transceivers Co. Ltd',Text1='2J s.r.o.' i think result is not correct why it add text1 another time i dont need to repeate text1 status data must be exist one time only but here exist two time full code as below:

ahmed elbarbary · Answer

thank you for reply this is good but it remain small point when index >-1 i need to add current record after remove so that how can i do add after remove on if statment if (index > -1) { this .initcollectdropdowslist.splice(index, 1); // add current so that i need to add current

Arvind Kushwaha · Answer

Hi Ahmed, Please try this code const index = this .initcollectdropdowslist.findIndex(x => x.statusdata === statusdata); if (index > -1) { this .initcollectdropdowslist.splice(index, 1); } else { this .initcollectdropdowslist.push( this .collectfulldata); }