Split Input Array Values - Angular

Question

I have an input field wherein users can enter multiple inputs with comma in between.

<div class="container">
    
    Enter your values:<input type="text" multiple #inputCheck>
    <input type="submit"(click)="sendInput(inputCheck.value)">

</div>

These inputs are to be stored in the following array.

 arrayStored=[]

I have tried using the below code but the inputs are not divided in the array and the whole input is seen as a single element inside an array. I need to divide the input into multiple elements and store them inside the array.

     sendInput(event:any){
     this.inputGiven = event;
     this.arrayStored.push(this.inputGiven);

Example: If a user enters SAM,ALEX7,23 and clicks submit , the array should store it as arrayStored=["SAM","ALEX7,"23"] but now it is being stored as arrayStored=["SAM,ALEX7,23"]. How do I split the input and store them as an individual element inside the array ?

try this.arrayStored = [...this.arrayStored, ...this.inputGiven.split(",")]; — Rosh
– Rosh, Commented Jul 2, 2020 at 11:23
It worked but now, if I click submit button again, it replicates the values inside the array. Example: ["SAM","ALEX7,"23","SAM","ALEX7,"23"] I need the values to only appear once even if the submit button is clicked multiple times. Any idea on this please? — Snk
– Snk, Commented Jul 2, 2020 at 11:30
try this then. this.inputGiven.split(",").forEach(value => { !this.arrayStored.includes(value) && this.arrayStored.push(value) }); — Rosh
– Rosh, Commented Jul 2, 2020 at 11:34
forEach(...) is not iterable (cannnot read propery undefiined) It didn't work. — Snk
– Snk, Commented Jul 2, 2020 at 11:44

Omar · Accepted Answer · 2020-07-02 11:43:52Z

2

You can split the elements in an array like so:

 this.arrayStored.concat(this.inputGiven.spilt(“,”));

and to remove any duplicates from the array you can convert it into a set and back into an array like below:

 this.arrayStored = Array.from(new Set(this.arrayStored));

answered Jul 2, 2020 at 11:43

Omar

825 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Split Input Array Values - Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related